html - 在 Bootstrap Div 中将 2 个按钮并排放置

Question

希望在最后的第三个 div 中有一个标题、副标题，然后两个框并排在一起。

努力让 2 个按钮在彼此相邻的中心对齐。在某些宽度下看起来不错，但在全宽时会流到下一行

        <div class="button-box">
        <div class="myoffer3 col-lg-6">
                <a href="mylink.php" class="btn btn-info" role="button">About Us</a>
            </div>
        <div class="myoffer4 col-lg-6">
                <a href="mylink.php" class="btn btn-info" role="button">Our Products</a>
            </div>
        </div>
    </div>

我的 CSS

.myoffer3 {
display: inline;
padding:20px;
}
.myoffer4 {
 display: inline;
 padding: 0 20px;

 }
 .button-box {
  width:100%;
  text-align:center;
 }

Answer 1

我已经知道你的意思了。这是正确的修复方法。

HTML

  <div class="button-box col-lg-12">
            <a href="mylink.php" class="btn btn-info" role="button">About Us</a>
            <a href="mylink.php" class="btn btn-info" role="button">Our Products</a>
   </div>

CSS

.button-box {
   text-align:center;
   margin-top:20px;
}

DEMO