Question

我在样式/在导航栏上方添加标题时出现问题。我能够添加标题，但对齐完全关闭。

我正在尝试将其与第一个导航栏按钮对齐。请问如何创建/编辑我的标题，使其与导航栏对齐。

<div class="container" style="background-color: #00a3a3;">
    <div class="row">
        <div class="col-md-12">
            <h2 class="pull-left" style="color: white">THE COMPANY NAME</h2>
        </div>
    </div>
</div>

http://codepen.io/anon/pen/RrwvNa

我能够使用此代码对齐

<nav class="navbar" style="background-color: #00a3a3;">
    <div class="container-fluid col-sm-1">
    </div>
    <div class="col-sm-7">
        <div>
            <h2 class="pull-left" style="color: white">THE COMPANY NAME</h2>
        </div>
    </div>
</nav>

但是标题和导航栏之间似乎有一个空格。

Answer 1

这是解决方案。看看Codepen

将您的container更改为container-fluid并使用margin-left:8.5%标题中的h1。

    <div class="container-fluid" style="background-color: #00a3a3;">
        <div class="row">
            <div class="col-md-12">
                <h2 class="pull-left" style="margin-left:8.5%;color: white">THE COMPANY NAME</h2>
            </div>
        </div>
    </div>

在导航栏上方添加标题

1 个答案: