使用bootstrap将Divs彼此相邻

时间:2014-06-11 18:25:21

标签: html twitter-bootstrap

我尝试过使用row类,但是没有解决问题。我只是试图拿两个div并使用bootstrap而不是css将它们放在一起。 (这是一个我无法添加任何CSS的极端情况)有没有办法做到这一点?

基本上我有这个:

<div class="OuterMostClass row">
    <div class="outerClass">
        <button class="btn">button1</button>
    </div>
    <div class="outerClass2">
        <button class="btn">button2</button>
    </div>
</div>

我希望这两个按钮彼此相邻,并且由于限制,除了bootstrap之外我不能添加任何css。这可能吗?

2 个答案:

答案 0 :(得分:5)

您的代码示例未显示包含containercontainer-fluid类的父div,并且您的列缺少大小类。

试试这个:

<div class="container">
    <div class="OuterMostClass row">
        <div class="outerClass col-xs-6">
            <button class="btn">button1</button>
        </div>
        <div class="outerClass2 col-xs-6">
            <button class="btn">button2</button>
        </div>
    </div> 
</div>

答案 1 :(得分:1)

答案是将pull-left类添加到按钮中,但Matthew指出添加容器可以更容易地处理其他间距