2013-10-03 28 views
-4

我需要在我的twitter引导程序布局中增加span或div的大小, 布局很流畅,基本上我所要做的就是删除屏幕右侧的空白。我需要在twitter引导中增加span或div的大小

+2

请更具体一些,并提供一些代码,以显示您迄今为止所尝试的内容。从你提供的内容中知道你的要求有些困难。毕竟,几乎所有的布局容器都是“跨度或分区”。 – sushain97

+0

该代码是在viewsource ..我改变流体容器删除填充左:0;并删除填充权利:0; – juphi

+0

我删除了旧的答案,因为它没有回答这个问题(误解了它)。我相信新的解决实际问题。 – sushain97

回答

1

你需要增加.span9 div的大小,使其填补了.row-fluid

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

这仅仅是必要的,因为你手动修改的.span9的边缘与margin-left: -2px

0

试试这个来获得最大的设计:

  1. 在bootstrap.css行数

    4560删除:

    padding-left: 0; 
    padding-right: 0; 
    
  2. 你有两种选择:

一个。删除margin-left:-2px;,以便屏幕右侧的空白处将被删除但您的右侧和左侧将有之间的空白。

b。如果你不需要你的右边和左边有足够的余量,那么你必须在bootstrap-responsive.css中更改行251的值,使其等于77%或者使用该值玩您的网站的最佳数字。

最后的解决方案是包装你的(跨度3和跨度9)并使包装的宽度为100%。

e.g:

.anyClassName { 
width: 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代码针对类。

相关问题