如何将Bootstrap的网格与另一个网格混合?

时间:2016-04-25 22:27:52

标签: twitter-bootstrap

我正在根据电子表格创建HTML页面。当然,电子表格有自己的颜色和数据规范,但它也有自己的列宽。

到目前为止,我一直在为我的应用程序使用Bootstrap。当然,Bootstrap对列和行维度持高度评价。有人可能会说这些意见是其存在的理由。

接下来的问题是:我可以对Bootstrap说“不要在这个区域内”并制作我自己的网格吗?或者Bootstrap是否坚持安排整个身体,因此我需要放弃它以适应这个页面?

澄清:我已经包含了一个示例:我从服务器获取数据,该服务器正在解释电子表格,需要根据从服务器发送的列宽和行高来绘制该电子表格的表示。所以我认为Bootstrap不能在这里帮助我,问题是:它会不会让我失望。

换句话说,考虑到附带的各种电子表格(事先我不知道布局,实际上无法控制布局),有没有办法让Bootstrap离开那个特定的区域单独。Sample注意第1行是多高,H和I有多窄等等。

1 个答案:

答案 0 :(得分:2)

在自定义网格之前关闭所有容器,行和列。然后在自定义网格之后,创建新的容器,行和列。

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

<div class="custom">
 <!--Your custom code-->
</div>

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