在Bootstrap Div中放置2个彼此相邻的按钮

寻找一个标题，字幕，然后两个框在最后的第三个div中彼此靠近并彼此相邻。努力获得2个按钮在中心对齐排列。似乎在一定宽度的罚款，但在全宽在Bootstrap 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; 
}

来源

2015-10-20 Melda S

可你贴完整的HTML吗？ –

它已经内联，你的期望是什么？ – Fiido93

col-lg-6-push-2和myoffer3/4中的pull-2似乎已经完成了。不知道这是否是官方的方式 –

我已经知道你的意思流到下一行。这是修复的正确方法。

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

来源

2015-10-20 09:44:27 Fiido93

你必须使用自举类下面text-center

使用这样，

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

来源

2015-10-20 09:47:59 Prasanga

我真的不明白有什么不同？ – Fiido93

你不明白什么？ – Prasanga

提问的人。没有什么不同。 – Fiido93

<div style="text-align: center;"> 
    <a href="#" class="btn btn-info" role="button">About Us</a> 
    <a href="#" class="btn btn-info" role="button">Our Products</a> 
</div>

这工作对我来说，按钮是彼此相邻

来源

2015-10-20 09:53:08 Jelmer

在Bootstrap Div中放置2个彼此相邻的按钮

回答

相关问题