Question

我正在为页脚部分使用bootstrap 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;
}

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

Answer 1

你应该使用

class =“col-xs-3”而不是class =“col-md-3”

它将响应所有设备。

Answer 2

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

如何使页脚在Bootstrap中响应

2 个答案: