【问题标题】:Putting Divs Next to each other using bootstrap使用引导程序将 div 彼此相邻放置
【发布时间】:2014-06-12 03:20:10
【问题描述】:

我尝试过使用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>

我希望这两个按钮彼此相邻,并且由于限制,我无法添加除引导程序之外的任何 CSS。这可能吗?

【问题讨论】:

    标签: html twitter-bootstrap


    【解决方案1】:

    您的代码示例未显示具有 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>
    

    【讨论】:

      【解决方案2】:

      答案是将pull-left 类添加到按钮中,但正如 Matthew 指出的那样,添加容器可以更轻松地处理其他间距

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-02-21
        • 2020-07-22
        • 1970-01-01
        • 1970-01-01
        • 2020-04-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多