コラムがあってもブートストラップ行はまだ右にギャップを作成します

Question

私は、コンテナ流体がメインのdivであるページを持っています。 navの後、私は列が分割されたコンテンツを折り返すビューをロードするセクションを持っているか、オフセットされています。しかし、セクションやdivの後に行クラスを使用すると、navとpageの間にギャップができてしまいます。主にコンテナに追加する。しかしそれが私たちがコンテナを使うべき理由です。そして行は列のためですが、なぜまだギャップですか？

<div class="container-fluid ng-scope" id="page-wrapper" ng-controller="homeCtrl as ctrl"> 
<nav><div class="container"></div></nav> 
<section> 
<div ng-controller="assumeIdCtrl as ctrl" class="row ng-scope"> 
<div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3"> 
</div> 
</div> 
</section> 

Answer 1

デフォルトのブートストラップのnavを使用してください。 はその後、たとえば、正しくようなあなたの構造を作る：別のコンテナタイプがあることを

<nav> </nav> 
<section class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-6"> 
     </div> 
     <div class="col-md-6"> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-12"> 
     </div> 
    </div> 
</section> 

チェックを。 div、nav、aside、section、footerなどはデフォルトでコンテナです。ブートストラップを使うのは大丈夫ですが、ブートストラップの前にHTMLタグのデフォルト属性を覚えておく必要があります。

デフォルトのブートストラップの固定ナビで試してください。 私はあなたがチェックし、ここに調べることができ、それを使用して、ポートフォリオの例を作った：

portfolio example

（私が間違って覚えていけない場合のみ1つのjQの機能）それはJSに関する非常にきれいだとhandmaded CSSの唯一のビットがあります。

Answer 2

2番目のdiv = "container"を削除してください。

時には、ブートストラップが複数のコンテナを1つの行に入れて戦っていることがあります。 あなたがW3Cからコードをコピーすることができます。