html - 垂直对齐一行 bootstrap 整页

Question

<div class="container">
    <div class="row">
        <div class="col-lg-4 col-sm-6"><div class="text-center"><a class="btn btn-default btn-lg" href="#" role="button">Sell</a></div></div>
        <div class="col-lg-4 col-sm-6"><div></div></div>
        <div class="col-lg-4 col-sm-12"><div class="text-center"><a class="btn btn-default btn-lg" href="#" role="button">Buy</a></div></div>
    </div>
</div>

好的，所以我希望 2 个按钮按原样彼此相邻，但希望它们都位于屏幕中间(垂直)

Answer 1

嘿，尝试像这样设置列文本左对齐和右对齐:这将生成 2 列，并将左列格式化为 text-right，将右列格式化为 text left，这会将它们放在屏幕中央:

<div class="container">
   <div class="row">
      <div class="col-xs-6 text-right">
         <a class="btn btn-default btn-lg" href="#" role="button">Sell</a>
      </div>
      <div class="col-xs-6 text-left">
          <a class="btn btn-default btn-lg" href="#" role="button">Buy</a>
      </div>
   </div>
</div>