在同一条线上拉伸两个全宽按钮 - Bootstrap 4

Question

如果我有两个按钮组件（有一个btn-block类，虽然他们没有），我怎么能把它们放在同一行，全宽呢？我知道如何实现'手动'。问题是，我必须只使用实用程序类。所以当然没有额外的CSS。

请帮忙！谢谢。

Answer 1

你不可能在同一行上有两个全宽的按钮＆＃34;因为他们会相互重叠，坦率地说，没有任何实际目的。

这可能也不是最好的方法，但是使用Bootstrap 4实现可能接近你想要的东西可以通过以下方式完成：

在同一行上有两个按钮，宽度为50％

<div class="row">
 <div class="col-6">
  <!-- BUTTON 1 HERE -->
 </div>
 <div class="col-6">
 <!-- BUTTON 2 HERE -->
 </div>    
</div>

或者两个按钮都是100％宽度，但行数不同

<div class="row">
 <div class="col-12">
  <!-- BUTTON 1 HERE -->
 </div>
 <div class="col-12">
 <!-- BUTTON 2 HERE -->
 </div>    
</div>