Question

嘿，我正在连续排列5个图像，这些图像具有col-md-2间距。但我想在页面中间对齐行。任何人都可以帮忙，我怎么能搞到这一行？

我刚试过偏移col。但它运作不正常。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="container">
    <div class="row">
        <div class="col-md-2 col-md-offset-1">
            <img src="images/symbol1.png" alt="step 1">
        </div>
        <div class="col-md-2">
            <img src="images/symbol2.png" alt="step 1">
        </div>
         <div class="col-md-2">
            <img src="images/symbol3.png" alt="step 1">
        </div>
         <div class="col-md-2">
            <img src="images/symbol4.png" alt="step 1">
        </div>
         <div class="col-md-2">
            <img src="images/symbol5.png" alt="step 1">
        </div>
    </div>
</div>

Answer 1

这是你在找什么？

   <div class="container" style="width: 50%">
        <div class="row" align="center">
            <div class="col-md-2 col-md-offset-1">
                <img src="images/symbol1.png" alt="step 1">
            </div>
            <div class="col-md-2">
                <img src="images/symbol2.png" alt="step 1">
            </div>
             <div class="col-md-2">
                <img src="images/symbol3.png" alt="step 1">
            </div>
             <div class="col-md-2">
                <img src="images/symbol4.png" alt="step 1">
            </div>
             <div class="col-md-2">
                <img src="images/symbol5.png" alt="step 1">
            </div>
        </div>
    </div>

如何在引导程序中连续对齐图像

1 个答案: