Question

我在使wordpress模板响应方面遇到了一些问题。我正在使用bootstrap，但是我有一个接一个的3个元素占用太多的空间，所以最后一个元素在另一条线上扩展。这是一个截图，以便您更好地理解它的作用：http://i.imgur.com/Mu3sOCx.png

这是HTML：

<nav class="navigation">
    <div class = "row">
        <div class = "col-xs-12 col-md-10 col-md-offset-1">
            <section class = "social hidden-xs col-md-6">
                asd
            </section>
            <div class = "row">
                <section class = "user col-xs-12 col-md-6 text-right">
                    <a class = "phone" href = "#">Call us at <strong>810-991-3842</strong></a>
                    <a class = "register" href = "#">Register</a>
                    <a class = "login" href = "#">Log in</a>
                </section>
            </div>
        </div>
    </div>
</nav>

这是CSS：

.navigation .user a {
display: inline-block;
height: 100%;
line-height: 32px;
border-right: 1px solid #ebebeb;
text-indent: 15px;
margin-left: 8px;
padding-right: 10px;
}

基本上我希望调整元素的大小，使它们适合这一行。我怎么能用bootstrap做到这一点？

元素在新行上延伸

0 个答案: