【发布时间】:2018-01-16 20:53:14
【问题描述】:
我创建了一个引导网格格式的布局。我希望我的中心 div 是 col-md-6 应该是可滚动的,并且左右 div 应该是固定的。我也检查过这个问题how to make a left and right div fixed and center div scrollable 但是当我尝试这个技巧时,由于引导网格格式,我没有得到预期的结果。
这是我的 HTML 代码:
/* Using this CSS is giving me unexpected result.*/
.left {
position: fixed;
left: 0px;
float: left;
}
.right {
position: fixed;
right: 0px;
float: right;
}
.center {
position: absolute;
left: value;
float: left;
}
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
LEFT DIV
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
MIDDLE DIV
</div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
RIGHT DIV
</div>
我们将不胜感激任何形式的帮助。谢谢
【问题讨论】:
-
请将
left,center,right类添加到已发布代码中的 html div 中。 -
没有一个答案符合正确的引导实现,将
col-sm-12 col-xs-12用于列的目的是完全荒谬的。
标签: html twitter-bootstrap css alignment