2015-09-05 50 views
2

我为使用自举类引导页脚菜单

这是基本的自举类期待像this页脚菜单:

<footer class="footer"> 
    <div class="container"> 
    <p class="text-muted">Place sticky footer content here.</p> 
    </div> 
</footer> 

可我知道,如何通过使用自举类做制作,页脚菜单?

谢谢,

+0

你尝试过什么到目前为止,这将使你所期望的结果您正在寻找? – disinfor

回答

2

一般的方法是利用引导网格系统。

<footer class="footer"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-3"> 
       <!-- other tags go here --> 
      </div> 
      <div class="col-md-3"> 
       <!-- other tags go here --> 
      </div> 
      <div class="col-md-3"> 
       <!-- other tags go here --> 
      </div> 
      <div class="col-md-3"> 
       <!-- other tags go here --> 
      </div> 
     </div> 
    </div> 
</footer> 

因为您可以根据需要添加尽可能多的.row div但每个.row格,数字在.col-md-3的div结束之和必须等于或小于12

山坳代表列和md代表中等屏幕尺寸。其他可用的屏幕尺寸有xs(超小),sm(小)和lg(大)。因此,只要数字总和不大于12,您就可以拥有.col-lg-3或.col-xs-6或您喜欢的任何内容。您也可以在同一个标​​记中为屏幕尺寸设置不同的类。例如,

<div class="col-md-3 col-xs-6">...</div> 

还有其他的功能,如偏移或嵌套或订购的柱等的完整指南,请getbootstrap.com