2016-08-11 16 views
0

の間のスペースのブートストラップロット私はあなたがここで見ることができますさえずりブートストラップで作られた構造を有している: http://codepen.io/DiV666/pen/zBxdmwH1とH2

問題がH1(TITLE)を含む行との間のスペースがたくさんあるということで、 h2(字幕)。このスペースは左メニューに依存します。オプションを削除または追加すると、このスペースは大きくなります。

overflow: hidden;#page-contentに設定しましたが、これが最善の方法かどうかはわかりません。

誰かが助けることができますか?

ありがとうございます。

+0

h1のマージンをクリアしましたか? h1には、デフォルトでマージンの上下があります。 –

答えて

0

を追加します。ただ、それ以外の場合は、親からのテーブル表示を継承し、初期に設定します。

.container-fluid .row:after{ 
    display: initial; 
} 
+0

偉大な解決策は、col - * {float:left}のzindexに別の問題があり、これも修正されました。ボタンをクリックできませんでした。ありがとうございました。 – DiV666

0

次のように内部スタイルを追加します!

#page-content .container-fluid .row::after 
{ 
    display: initial ; 
} 
#page-content .container-fluid::after 
{ 
    display: initial ; 
} 

それは作品がを割り当てていない場合は重要

1

は、これは.row:afterによって引き起こされるoverflow: hidden;

.rowクラスに
.row { 
    margin-right: -15px; 
    margin-left: -15px; 
    overflow: hidden; 
} 
0

同じ行の両方のタグを入れて:

<div class="row"> 
    <div class="col-md-12"> 
     <h1>TITLE</h1> 
     <h2>Subtitle</h2> 
    </div> 
    </div> 

http://codepen.io/anon/pen/jAXkoJ

をそんなに固定サイドバーをしたい場合それはpage-contentの内容に依存せず、固定された位置にされた:

#page-sidebar { 
    width: 240px; 
    padding: 0; 
    position:fixed; 
    min-height: 100%; 
} 

http://codepen.io/anon/pen/NAZyQE

関連する問題