css - Bootstrap 网格不显示

Question

我在让 Bootstrap 网格正确显示时遇到问题。我的代码如下

<div class="container">
        <div class="row">
            <div class="col-md-6">.col-md-6</div>
            <div class="col-md-6">.col-md-6</div>
        </div>
 </div>

我看到的是: grid

有人知道这里发生了什么吗？我已正确包含所有 bootstrap.css、bootstrap-theme.css 和 bootstrap.js。诸如按钮之类的其他东西由 Bootstrap 正确格式化。

Answer 1

据我所知，您的 2 个 div 的格式是否正确？ (使用 Boostraps md-6)。

虽然您的 div 中不需要 .col-md-6 值:

<div class="container">
        <div class="row">
            <div class="col-md-6">Your text here</div>
            <div class="col-md-6">Your text here</div>
        </div>
 </div>

有关更多信息，请查看 Grid Templates 上的官方 Bootstrap 文档页面

对于文档中使用的 GridView (grid.css) 添加以下 CSS:

h4 {
  margin-top: 25px;
}
.row {
  margin-bottom: 20px;
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}
[class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}

hr {
  margin-top: 40px;
  margin-bottom: 40px;
}