Html 如何使用Bootstrap设计响应性的tweet风格？

我是一名新开发人员，我正在尝试使用Bootstrap3来设计一个响应推文样式，我需要使用它来设置推文列表的样式。 样式应具有响应性，如下图所示：

我仍在努力设计类似于上图所示的产品。那么，你能告诉我，我如何才能使它响应和类似的原型显示在图像中

以下是我的代码片段，您可以查看：

挑选
保存的
屏幕名称
创建日期
Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。
埃尼安·马萨。佩纳提布和马的自然社会
标签#1
标签#2
转发
转发计数

阅读有关引导的信息Grids@RaviUbana，谢谢你的帮助。我已经读过了。正如我所说，我是Bootstrap的新用户，我正在努力解决这个问题，因为除了基本Bootstrap样式之外，我还必须创建一个自定义样式。

<div class="continaer">
  <div class="col-lg-12">
    <div class="twitter-container">
      <div class="col-sm-12 pull-right">
        <div class="checkbox">
            <label><input value="" type="checkbox">Select</label>
        </div>
        <div class="checkbox">
            <label><input value="" type="checkbox">Saved</label>
        </div>
      </div>
      <img class="profileImage img-responsive" src="http://placehold.it/400x400" alt="">
      <a href="\&quot;http://twitter.com/&quot;" target="_blank">
        @tweet.Name
      </a>
      <span class="username">ScreenName</span>
      <div class="date">Creation Date</div>
      <div class="tweetTxt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 
        Aenean massa. Cum sociis natoque penatibus et ma
      </div>
      <div class="col-sm-12">
        <div class="col-sm-6">
          <span class="label label-primary">Tag #1</span>
          <span class="label label-primary">Tag #2</span>
        </div>
        <div class="col-sm-6 pull -right">
          <div class="checkbox">
            <label><input value="" type="checkbox">Retweeted</label>
          </div>
          <span class="label label-success">Retweet Count</span>
        </div>
      </div>
    </div>            
  </div>
</div>