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

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 显示在中间。其余的则位于底部或保管箱中。有人可以帮帮我吗？

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-？提供相关宽度..