2016-07-18 12 views
0

フッター部分にブートストラップのhtmlコードを使用しています。私はそれを完全に敏感にしたい。フッターをブートストラップで反応させる方法

私のコードはここにある:

<div class="footer"> 

<div class="col-md-3"> 
    <h3>About us</h3> 
</div> 
<div class="col-md-3"> 
    <h3> Policy&Service</h3> 
</div> 
<div class="col-md-3"> 
    <h3> User Agreement</h3> 
</div> 
<div class="col-md-3"> 
    <h3> Terms&Conditions</h3> 
</div> 

CSS:それは応答し

.footer { 
    bottom: 0; 
    margin: 0 auto !important; 
    text-align: center !important; 
    width: 100% !important; 
    height: 40px; 
    position: absolute; 
} 

が表示されないのですか?私はどのように反応させるのですか?

+0

"responsive"はかなり広い言葉ですが、達成したいことの実際の記述が無ければ、あなたの質問は無意味です。 – DavidG

+0

あなたはブートストラップクラスを含んでいません... – vignesh

+0

ブートストラップクラスは@vigneshを使用しています – thenna

答えて

4

あなたはそれがすべてのデバイスに対して応答する

クラス= "COL-XS-3" = "COL-MD-3"の代わりに、クラス

を使用する必要があります。

-1
<div class="container-fluid"> 
    <div class="footer"> 
     <div class="row text-center"> 
      <div class="col-md-3"> 
       <h3>About us</h3> 
      </div> 
     <div class="col-md-3"> 
      <h3> Policy&Service</h3> 
     </div> 
     <div class="col-md-3"> 
      <h3> User Agreement</h3> 
     </div> 
     <div class="col-md-3"> 
      <h3> Terms&Conditions</h3> 
     </div> 
     </div> 
    </div> 
</div> 
+0

あなたは必要ありませんmargin、width、text-alignにカスタムCSSを使用する。 –

関連する問題