[英]bootstrap empty space in ie9
<section class="content">
<div class="row">
<aside class="hidden-xs hidden-sm col-md-1 col-lg-1 fixed-left-bar">
<span class="about">about</span>
</aside>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 content-container">
<div class="hidden-xs hidden-sm col-md-6 col-lg-6 background"></div>
</div>
<aside class="hidden-xs hidden-sm col-md-3 col-lg-3 fixed-right-bar">
</aside>
</div>
</section>
div.background should be stay next to aside.fixed-right-bar, but page make scroll bar. div.background应该留在aside.fixed-right-bar旁边,但是页面应该是滚动条。 In chrome It works successfully.
在chrome中成功运行。 How can I remove that whitespace?
如何删除空白?
This is because of .row
calss, it takes negative margin on left and right both sides. 这是因为
.row
calss,它在左右两侧都需要负边距。
.row {
margin-right: -15px;
margin-left: -15px;
}
Wrap your code in container
or container-fluid
classes. 将代码包装在
container
类或container-fluid
类中。
<section class="content container-fluid">
<div class="row">
<aside class="hidden-xs hidden-sm col-md-1 col-lg-1 fixed-left-bar">
<span class="about">about</span>
</aside>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 content-container">
<div class="hidden-xs hidden-sm col-md-6 col-lg-6 background"></div>
</div>
<aside class="hidden-xs hidden-sm col-md-3 col-lg-3 fixed-right-bar">
</aside>
</div>
</section>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.