1

我刚刚开始学习 Bootstrap (v3)，仍然无法清楚地了解网格在无缝连接相邻单元格方面的工作原理。

我正在组合一个流畅的导航栏。粗略地说，我正在使用这种方法：

 <div class="row">
    <div class="col-md-3">LEFT PART OF IMAGE</div>
    <div class="col-md-6">CENTRAL PART-NAVIGATION</div>
    <div class="col-md-3">RIGHT PART OF IMAGE</div>
 </div>

但我仍然无法摆脱列之间的空白（它在更大的屏幕上变得更丑）。有没有办法可以在 Bootstrap 中无缝地组合在一起？我的意思是，我可以使用表格或 div（固定设计）轻松设计横跨整个屏幕的行，而不会出现任何中断或空白，但使用 Bootstrap 的流体列，它似乎不起作用。

在此处输入图像描述

在代码中（见这里）我尝试了一些技巧——比如覆盖排水沟设置（使其 = 0）——几乎让它工作，但我仍然觉得 BS 存在一个根本问题或根本误解我这边。

我在这里做错了什么吗？我怎样才能修复它并将它变成一个很好的负责任的行？

非常感谢任何建议。

4

1 回答 1

1

我对 Bootstrap 不太熟悉，但正如我可以看到你的页面，你只需要制作 width: auto包含 ul 的容器，其中包含图标。

<div class="col-md-6" style="width: auto ! important;">CENTRAL PART-NAVIGATION</div>

您还可以设置类并将其添加到 div。

.new-class {
  width: auto ! important;
}

并制作 html<div class="col-md-6 new-class">CENTRAL PART-NAVIGATION</div>

输出

在此处输入图像描述

希望这可以帮助你。

于 2013-09-08T04:47:36.737 回答