调整窗口引导大小时

Question

我正在尝试使用border包装最后一个内容，但是当我调整窗口边框的大小时也包含在内容之外？

<div class="row">
   <div class=" col-xs-6 col-sm-3 ">
      <img src="image/1.png" class="img-responsive center-block" >
   </div>
   <div class=" col-xs-6 col-sm-3 ">
      <img src="image/2.png" class="img-responsive center-block" >
   </div>
   <div class=" col-sm-6  clearfix" id="t">
      <div class="col-xs-7 ">
         <h3>hello</h3>
         <a href="#" class="bttn3">Add</a>
      </div>
      <div class="col-xs-5 ">
         <img src="image/t.png" class="img-responsive pull-right"> 
      </div>
   </div>
</div>

我正在使用以下css

#t{ border: 5px solid rgb(232,226,226); }

Answer 1

我认为你的意思是小屏幕尺寸，它的表现并不像你喜欢的那样。问题是，当屏幕低于768像素时，你不会告诉bootstrap如何处理该div。试试这个：

<div class=" col-xs-12 col-sm-6 clearfix" id="t">

注意我刚刚添加了.col-xs-12课程。在快速测试中为我工作。