html - 如何在行布局和全宽中组织我的按钮

Question

我想让我的两个 div(向上和向下按钮)并排排列在一个布局行中，并占据页面的整个宽度。现在，他们是这样组织的:

我的 HTML 是这样的:

 <div layout="row">
    <div class="btn btn-info btn-lg" width="50%;">
        <span class="glyphicon glyphicon-menu-up"></span> Up
    </div>
    <div class="btn btn-info btn-lg" width="50%;">
        <span class="glyphicon glyphicon-menu-down"></span> Down
    </div>
</div>

Answer 1

像这样

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div layout="row">
  <div class="col-xs-6">
    <div class="btn btn-block btn-info btn-lg">
      <span class="glyphicon glyphicon-menu-up"></span> Up
    </div>
  </div>
  <div class="col-xs-6">
    <div class="btn btn-block btn-info btn-lg">
      <span class="glyphicon glyphicon-menu-down"></span> Down
    </div>
  </div>
</div>