响应式屏幕，当我从全屏幕最小化时，我的右栏会到达底部。我该如何解决？

Question

我想我知道为什么一旦我从全屏模式释放屏幕，我的右栏就会到达底部。我使用Bootstrap也玩了宽度。目前我有

<div class="col-sm-2">
<div class="col-sm-7">
<div class="col-sm-3">

和css：

.col-sm-2 {
  width:180px;
  padding:13px 22px;
}

.col-sm-7 {
  background-color: #FFFFFF;

  width:970px;
  padding:13px 22px;
}

即使我的桌面没有全屏显示，我希望我的col-sm-3保持不动。同样在移动版中，如果可能，我只想在中间显示col-sm-7。其余的都是在底部或在Dropbox处。有人可以帮帮我吗？

Answer 1

我认为您应该为超小型设备定义（或重新定义）宽度..

 <div class="col-sm-2 col-xs-2">
 <div class="col-sm-7 col-xs-7">
 <div class="col-sm-3 col-xs-3"> 

和col-xs-？提供相关的宽度..