如何使页脚在Bootstrap中响应

我使用脚本部分的引导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; 
}

它没有显示响应？我如何使其响应？

来源

2016-07-18 thenna

“响应”是一个相当广泛的术语，如果没有您想要实现的内容的实际描述，您的问题就没有意义。 – DavidG

你还没有包含任何引导类... – vignesh

引导类只使用@vignesh – thenna

你应该使用

类= “COL-XS-3”，而不是类= “COL-MD-3”

将响应所有设备。

来源

2016-07-18 13:05:16 AmanKumar

-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>

来源

2016-07-18 13:46:09

你不需要使用自定义CSS保证金，宽度，文本对齐。 –

如何使页脚在Bootstrap中响应

回答

相关问题