如何删除Bootstrap中间隔或两个间距之间没有空间？

好了，所以如果你这样做：如何删除Bootstrap中间隔或两个间距之间没有空间？

<div class="row-fluid"> 
    <div class="span6"></div><!--span6 END--> 
    <div class="span6"></div><!--span6 END--> 


    </div><!--row END-->

画面，随着每次2个红框既考虑屏幕的50％..但我这样做的span6有余量我们彼此上面行之间它...我如何制作，以便在跨度之间或跨度之间没有空白。我希望它们能够在上方和侧面接触。

来源

2013-05-12 Lucas Santos

什么添加'保证金：0像素;'到你的样式表？ – Mateusz 2013-05-12 11:02:09

nope iv尝试添加.span6 {margin：0;填充：0;边框：0;}在我的风格，仍然是一样的。 – 2013-05-12 11:06:28

正如你可能不希望覆盖所有.span6元素，我建议如下：

<div class="row-fluid"> 
    <div class="span6" style="margin: 0px; background-color: red; width: 50%;">foo</div><!--span6 END--> 
    <div class="span6" style="margin: 0px; background-color: blue; width: 50%;">bar</div><!--span6 END--> 
</div><!--row END-->

JSFiddle

编辑：

由于.row-fluid使用width: 100%和.row-fluid .span6使用width: 48.93617021276595%;，您还需要更改这些div的宽度。看到更新的代码和小提琴。

来源

2013-05-12 11:08:14 Mateusz

它可以工作，但在两个跨度触碰后，两个跨度触碰的右侧会有一个余量。（所以即使两个跨度都在触摸，屏幕右侧仍有余量） – 2013-05-12 11:16:14

已更新帖子。希望能帮助到你。 – Mateusz 2013-05-12 11:28:57

我会建议不使用网格跨度，如果你不需要网格跨度而不是重写。如果你几乎压倒一个班级的每一个属性，那么最好只使用一个新班级。

.half { 
    margin: 0; 
    background-color: red; 
    width: 50%; 
    float:left; 
} 

<div class="row-fluid"> 
    <div class="span12"> 
    <div class="half">First</div> 
    <div class="half">Second</div> 
    </div> 
</div>

http://jsfiddle.net/cGCHa/4/

来源

2013-05-13 15:17:32 meobyte

你有一个点 – 2013-05-13 22:42:02

如何删除Bootstrap中间隔或两个间距之间没有空间？

回答

相关问题