Boostrap列中的行

Question

我不明白如何在bootstrap中做这件事 情况如图像

我有一行背景图像 - ＆gt;然后列：col-sm-2 / col-sm-5 / col-sm-5与其他元素！ 好 ！ 我想插入一个按钮（位于中央） 我怎么办？

谢谢！

Answer 1

尝试在模板中使用以下内容......

<div class="row">
    <div class="col-sm-2">
        Column #1
    </div>
   <div class="col-sm-5">
        Column #2
    </div>
    <div class="col-sm-5">
        Column #3
    </div>
    <div class="col-sm-12 text-center">
         <button>Centered Button</button>
    </div>
</div>

或添加包含两行的父元素，并将背景图像放在该元素上。

<div class="elem-with-bg">
    <div class="row">
        <div class="col-sm-2">
            Column #1
        </div>
        <div class="col-sm-5">
            Column #2
        </div>
        <div class="col-sm-5">
            Column #3
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 text-center">
            <button>Centered Button</button>
        </div>
    </div>
</div>