在引导程序中彼此相邻的2格

我试图用Bootstrap显示两个彼此相邻的div，但它们之间有一段距离。我怎么能把他们完全相邻。在引导程序中彼此相邻的2格

的代码：

<div class="col-lg-8 col-lg-offset-2 centered"> 
    <div style="float: left; border: 1px solid; width: 227px; height: 50px;"></div> 
    <div style="float: right; border: 1px solid;width: 227px; height: 50px;"></div> 
</div>

图片说明：

enter image description here

来源

2014-05-15 user3423384

他们为什么会彼此相邻？单位浮起，左右浮动（每个都有一个小宽度），放在一个8列宽的容器中。您最好创建两个col-lg-4 div或正确调整div宽度。 –

为什么倒票？也许有一个具体的要求，将div的宽度设置为227px？ – mjwatts

查找到引导grids。

你可以做这样的事情：

<div class="row"> 
    <div class="col-xs-6">div 1</div> 
    <div class="col-xs-6">div 2</div> 
</div>

来源

2014-05-15 19:17:54 lschlessinger

不错@lschlessinger，但是如果你不想要两列'col-xs-6'会怎么样？而是两个'col-xs-4'并且希望它们居中？ – tblancog

' –

对于那些新引导，我认为这需要在外部

才能正常工作。 – tbone

添加到Lschessinger的回答，您可以使用偏移中心的块。看here在偏移列

也许这就是你要找的？

<style> 
    .border {border: 1px solid #CCC;} 
</style> 

<div class="row"> 
    <div class="col-xs-2 border col-xs-offset-4">div 1</div> 
    <div class="col-xs-2 border">div 2</div> 
</div>

或者，如果你要坚持与内联样式和具体宽度代码，那么也许这一点，你可以通过增加宽度454px到464px的10px的差距加大之间的宽度，依此类推：

<div class="col-lg-12"> 
    <div style="width: 454px;" class="center-block"> 
    <div style="border: 1px solid; width: 227px; height: 50px;" class="pull-left"></div> 
    <div style="border: 1px solid; width: 227px; height: 50px;" class="pull-right"></div> 
    </div> 
</div>

来源

2014-05-15 19:27:16 mjwatts

在引导程序中彼此相邻的2格

回答

相关问题