Html 在响应页面上对齐自定义css按钮

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

在第二张表的上方，有一行“Twitter timline”

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

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

HTML

Twitter时间线
结果
日期
时间
推特用户
达到
孔唐
推特
1.
厕所
携带
…dfd。
.dfd。。
.fdfd。。
…dfd

推特时间线

检查这个

推特时间线
正文>div.row.button带文本
{
边缘底部：10px；
}
div.col-xs-3.export
{
垂直对齐：中间对齐；
}
h3{
浮动：左；
边际：0px；
显示：表格单元格；
线高：45px；
}

您能告诉我您的逻辑是什么吗？您更改了

col

，我不知道，您能告诉我这里col和row后面的逻辑吗？我早在bootstrap2时就使用过bootstrap。对bootstrap3不太熟悉。

.row

类将占据全部可用宽度。它被认为有12列宽度相等的列。因此，在它内部，如果您使用class

col-xs-6

指定另一个

div

，它将占用行可用空间的一半

col-xs-3

将占用下一个25%，您可以看到剩余的25%为空。@cyclic我首先解决了这个问题，您能解释一下为什么接受另一个答案吗？@cyclic您希望导出到csv按钮在哪里？

<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>

<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>

<div class="row buttonWithText">
    <h3> Twitter time line </h3>
    <div class="col-xs-3 export">
         <a href="#fakelink" class="btn btn-block btn-lg btn-primary">Export </a>
    </div>
</div>


body > div.row.buttonWithText
{
    margin-bottom:10px;
}

div.col-xs-3.export
{
      vertical-align:middle; 
}

h3{
    float:left;
    margin:0px;
    display:table-cell;  
    line-height:45px;
    }