Html 在导航栏上方添加标题

我在导航栏上方添加标题时遇到问题。我能够添加标题，但对齐完全关闭

我试图让它与第一个导航栏按钮对齐。请问如何创建/编辑标题，使其与导航栏对齐

<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>

公司名称

我能够使用此代码使其对齐

<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>

公司名称

---

但在标题和导航栏之间似乎有一个空间

这是解决方案。看一看

将您的

容器

更改为

容器流体

，并在

h1

标题中使用

左边距：8.5%

    <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>

公司名称

在这里，我看不到标题和导航栏之间的任何空格。您好，艾哈迈德，请看一下代码笔，您可以看到示例与导航栏主页按钮不对齐。我说我可以使用navbar代码来对齐它进行封装，你发布的JSFIDLE使用容器类实际上我在codepen上看不到任何结果，它只是显示加载。。。。。。。因此，我将其复制并粘贴到JSFIDLE上。它仍然在那里显示……不知道你在说什么。请查看链接这是我的电脑的屏幕截图：