html - 我需要在 twitter bootstrap 中增加 span 或 div 的大小

Question

我需要在我的 twitter 引导布局中增加 span 或 div 的大小，布局是流畅的，基本上我要做的就是消除屏幕右侧的那个间隙。

Answer 1

您需要增加.span9div 的大小，以便它填满.row-fluid

.row-fluid .span9 {
    width: 77.01%; //Adjust this as necessary if there is more blank space.
}

这只是必要的，因为您手动修改了.span9with的边距margin-left: -2px。

Answer 2

试试这个以充分利用您的设计：

1. 在 bootstrap.css 行号 4560 中删除：

   padding-left: 0;
   padding-right: 0;
   

2. 你有两个选择：

一个。删除左边距：-2px；这样屏幕右侧的间隙将被删除，但您的右侧和左侧之间将有边距。

湾。如果您不需要右侧和左侧之间有一个边距，那么您必须将bootstrap-responsive.css 中第 251 行的值更改为等于77%或使用该值以获得最佳数字您的网站。

最后一个解决方案是包装你的（跨度 3 和跨度 9）并使包装器的宽度为 100%。

例如：

<div class="container-fluid">
    <div class="row-fluid">
      <div class="anyClassName">  <!-- wrapper -->
       <div class="span3"> your code her </div>
       <div class="span9"> your code her </div>
      </div>    <!-- /wrapper -->
    </div>
</div>

然后使用您的 css 代码定位该类，例如：

.anyClassName {
 width: 100%;
}

希望这会帮助你。