Question

大家好，所以我使用bootstrap，我已经想出如何把东西放在我的页脚的右侧和左侧，但我不知道如何在中间粘贴东西

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

Answer 1

修正了我自己的问题，我猜我只是使用了一行并且插入了3个coloums，

<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

Answer 2

试试这样：

将“text-center”类添加到容器中。所以你最终会得到这个：

<div id="footer">
  <div class="container text-center">
    <p class="text-muted credit" style="color:#fff">xyz</p>
  </div>
</div>

bootstrap如何在页脚中间放置一些东西

2 个答案: