頁腳未在整頁寬度使用顯示引導3

我檢查bootstrap.min.css和寬度：100％沒有爲導航欄提到的，導航欄逆和導航欄固定頂類，但仍然是顯示用於頭部分100％寬度。頁腳未在整頁寬度使用顯示引導3

<nav class="navbar navbar-inverse navbar-fixed-top" > 
    <div class="container"> 
     <div > 
      <h3>Free Area</h3> 
     </div> 
    </div> 
</nav>

同樣我想根據頁面寬度在100％的寬度顯示頁腳。我使用CSS和HTML代碼，但不顯示100％寬度頁腳。那麼我怎樣才能使頁腳顯示在頁面的整個寬度？

CSS

footer { margin: 0px 0; background:#006699; }

HTML

<footer> 
    <div class="container"> 
     <div class="row "> 
      <div class="col-md-6 col-sm-6"> 
       <h3>Section Area 01</h3> 
       <ul> 
        <li><a href="#">Link1</a></li> 
        <li><a href="#">Link2</a></li> 
        <li><a href="#">Link3</a></li> 
       </ul> 
      </div> 
      <div class="col-md-6 col-sm-6"> 
       <h3>Section Area 02</h3> 
       <ul> 
        <li><a href="#">Link1</a></li> 
        <li><a href="#">Link2</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</footer>

來源

2016-02-05 RekKA

你錯誤地把''

@Praveen Kumar，很抱歉，我沒有在.container下得到

好，請參閱''

作爲requested by the OP中，OP面臨的問題是，具有或者<footer>或<header>到被限制在引導框架的.container的width。對此的一個最佳解決方案是將元素直接放在身體下面。

所以，你的解決方案是，將（可能）這個老代碼：

<body> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
     <header> 
      <!-- Contents --> 
     </header> 
     <!-- Body --> 
     <footer> 
      <!-- Contents --> 
     </footer> 
     </div> 
    </div> 
    </div> 
</body>

把它弄出來的.container的，這限制了width和<body>下直接將其置於這樣的：

<body> 
    <header> 
    <!-- Contents --> 
    </header> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
     <!-- Body --> 
     </div> 
    </div> 
    </div> 
    <footer> 
    <!-- Contents --> 
    </footer> 
</body>

來源

2016-02-05 15:14:51

頁腳未在整頁寬度使用顯示引導3

回答

相關問題