3

私はブートストラップ4を使用しています。ブートストラップ4:(SO Navbarのように)コンテナ内のコンテンツに全幅のnavbarを持たせるには?

SO navbarのようにnavbarを作成するにはどうすればよいですか?

コンテンツは「コンテナ」のように整列されていますが、ブートストラップ4の「コンテナ流体」の幅は?

「固定トップ」ナビゲーションバーの設定を固定しないで、「コンテナ」内のナビゲーションバーのコンテンツを使用しないでください。

私は例を挙げますが、私はこのページの上部にあるnavbarのようなものを作ろうとしています。

答えて

4

要素を.container要素の周りに単純にラップします。

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'); 
 

 
#primary-nav { 
 
    background-color: skyblue; 
 
}
<div id="primary-nav"> 
 

 
    <div class="container"> 
 
    
 
    <ul class="nav"> 
 
     <li class="nav-item"> 
 
     <a href="#" class="nav-link">Home</a> 
 
     </li> 
 
     <li class="nav-item"> 
 
     <a href="#" class="nav-link">Contact</a> 
 
     </li> 
 
     <li class="nav-item"> 
 
     <a href="#" class="nav-link">About</a> 
 
     </li> 
 
    </ul>  
 
    
 
    </div> 
 
    
 
</div>

+0

ありがとうございました!私が欠けていたのは、その周りにdivを置き、色を変えることでした。 – bbennett36

0

また、私はこの問題に会いました。私は<div class='container'>...</div>または<div class='container-fluid'>...</div>の外に<nav>...</nav>を入れて解決しました。

関連する問題