html - 在响应页面上对齐自定义的 css 按钮

Question

这里我创建了一个页面。也在尝试学习响应式页面设计。

EXAMPLE FIDDLE

在第二个表格上方，有一行“Twitter timline”。

在第二个表上方的同一行中，我创建了导出到 csv 的按钮。 如何将其左对齐？

我怎样才能在那里放置小的圆形按钮？

HTML

<h3> Twitter time line </h3>
<table class="table table-condensed">
  <thead>
    <tr class="active">
      <td class="active">Results</td>
      <td class="success">Date</td>
      <td class="warning">Time</td>
      <td class="danger">Twitter user</td>
      <td class="info">Reach</td>
      <td class="active">Contant</td>
      <td class="active">Tweet</td>
    </tr>
  </thead>
  <tbody>
    <tr class="active">
      <td class="active">1</td>
      <td class="success">john</td>
      <td class="warning">carry</td>
      <td class="danger">..dfd.</td>
      <td class="info">.dfd..</td>
      <td class="active">.fdfd..</td>
      <td class="success">...dfd</td>
    </tr>
  </tbody>
</table>

Answer 1

<div class="row demo-row">
<div class="col-xs-6">
     <h3> Twitter time line </h3>

</div>
<div class="col-xs-3"> <a href="#fakelink" class="btn btn-block btn-lg btn-primary">Export </a>

</div>

检查这个fiddle

read more about bootstrap grid system