引导程序

时间:2015-09-06 21:03:35

标签: html css html5 twitter-bootstrap

我正在尝试在网页上为页脚的顶部均匀分隔5个链接。我不知道如何做到这一点,以便它保持均匀的间隔和居中,无论屏幕大小和窗口最小化。我到目前为止的HTML是:

 <div id="topfooter">
    <div class="containter">
        <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
                <a href="#">Link 1</a>
                <a href="#">Link 2</a>
                <a href="#">Link 3</a>
                <a href="#">Link 4</a>
                <a href="#">Link 5</a>
            </div>
        </div> <!--row-->
    </div><!--container-->
</div><!--topfooter-->

谢谢!

1 个答案:

答案 0 :(得分:0)

使用更多引导程序!

<div id="topfooter">
    <div class="containter">
        <div class="row">
            <div class="col-lg-2 col-lg-offset-1 text-center">
                    <a href="#">Link 1</a>
                </div>
                <div class="col-lg-2 text-center">
                    <a href="#">Link 2</a>
                </div>
                <div class="col-lg-2 text-center">
                    <a href="#">Link 3</a>
                </div>
                <div class="col-lg-2 text-center">
                    <a href="#">Link 4</a>
                </div>
                <div class="col-lg-2 text-center">
                    <a href="#">Link 5</a>
                </div>                
            </div>
        </div> <!--row-->
    </div><!--container-->
</div><!--topfooter-->