引導IE9中的空白空間

Question

<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應該留在aside.fixed-right-bar旁邊，但是頁面應該是滾動條。 在chrome中成功運行。 如何刪除空白？

Answer 1

這是因為.row calss，它在左右兩側都需要負邊距。

.row {
    margin-right: -15px;
    margin-left: -15px;
}

將代碼包裝在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>