2016-07-18 23 views
0

我使用腳本部分的引導html代碼。我想讓它充分響應。如何使頁腳在Bootstrap中響應

我的代碼是在這裏:

<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

「響應」是一個相當廣泛的術語,如果沒有您想要實現的內容的實際描述,您的問題就沒有意義。 – 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

你不需要使用自定義CSS保證金,寬度,文本對齊。 –