Bootstrap页脚菜单

时间:2015-09-05 05:35:54

标签: html css twitter-bootstrap

我希望通过使用引导类

来使用this页脚菜单

这是基本的bootstrap类:

    FILE: index.php
    $result = myquery("SELECT itemName, mfrName, itemid,
              openingstock, conversion, reOrderQty FROM items ORDER BY itemName ASC;");

我可以知道,如何使用bootstrap类进行make,footer菜单?

谢谢,

1 个答案:

答案 0 :(得分:2)

一般的方法是使用bootstrap的网格系统。

<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 div,.col-md-3 div末尾的数字总和必须等于或小于12

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

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

还有其他功能,如偏移或嵌套或订购列等。有关完整指南,请查看getbootstrap.com