小编Dev*_*nsh的帖子

Bootstrap行不占用100%宽度

我有一个自举网格布局但行没有占据100%的宽度.我正在使用Bootstrap 4 alpha 6.这是HTML:

<div class="container-fluid">
  <h1 class="center-text"  id="heading">[Enter Heaading Here]</h1>
  <div class="container">
    <div height="100px" class="row border-show">
      <div class="col-4" id="one"></div>
      <div class="col-4" id="two"></div>
      <div class="col-4" id="three"></div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是CSS:

.center-text{
  text-align: center;
}
#heading{
  padding: 60px;
}
.border-show{
  border-style: solid;
  border-color: black;
}
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

4
推荐指数
2
解决办法
9470
查看次数

标签 统计

css ×1

html ×1

twitter-bootstrap ×1