背景画像がブートストラップのテキストを切り取っています

Question

画面サイズを小さく調整すると背景画像がテキストを切り取っています。大画面で見ると背景画像も画面の高さの100％ではありません。私は間違って何をしていますか？

.slider { 
    background: url("../images/bg2.jpg") no-repeat center center fixed; 
    background-size: cover; 
    max-height: 1200px; 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
} 

Answer 1

.sliderクラスのmin-height:100%を追加し、その親bodyタグのheight: 100%を追加します。 を.sliderクラスで削除します。

であるべき -

body { 
    height: 100%; 
} 

.slider { 
    background: url("../images/bg2.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 

    min-height: 100%; 
}