引导行中的列

Question

我不知道如何在引导程序的情况下做这件事，如图

​

​

我有一个带有backgroung-image-->的行，然后是具有其他元素的列: 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>