嗨,大家好,我正在使用引导程序,我已经弄清楚了如何在页脚的左右两侧放置东西,但是我不确定如何在中间放置一些东西

HTML:

<div class="footer">
    <div class="container">
        <div class="navbar-text pull-left">
            <div class="logo1">
                <p style="font-size: 24px; font-weight: 900; color: #F8BD23;">here</p>
                <p>a,<br>
                b,<br>
                c,<br>
                d<br></p>
            </div>
        </div>
        <div class="navbar-text pull-right">
            <a href="a"><i class="fa fa-facebook fa-2x"></i></a><a href="b"><i class="fa fa-instagram fa-2x"></i></a>
        </div>
    </div>
</div>


CSS:

.footer {
    background-color: black;
    padding-top: 10px;
}

.navbar-text > a {
    color: #FFF;
    padding: 5px;
}

.logo1 p {
    color: #FFF;
    margin-top: 2px;
}


对不起,只是为了消除混乱,我基本上想要3列,所以它看起来应该像

Col 1            Col 2                        Col 3

最佳答案

解决了我自己的问题,我猜只是用了一行,并在其中塞了3列

<div class="row">
    <div class="col-xs-12 col-sm-6 col-md-4"></div>
</div>
    <div class="col-xs-12 col-sm-6 col-md-4"></div>
</div>
    <div class="col-xs-12 col-sm-6 col-md-4"></div>
</div>

不知道我可以在页脚中使用它,再次感谢您的帮助x

关于html - 引导如何在页脚中间放置一些内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45486534/

10-13 00:24