Css 如何使引导网格重叠

我目前正在制作一个页面，该页面将显示客户列表，并将有一个按钮来添加新客户。我希望按钮添加新客户，使其与页眉保持一致，但保留页眉中当前已存在的格式（下划线）

这就是我希望它看起来的样子：

我尝试了这个，但无法让它们重叠：

客户
新客户

您可以将

a

标记移动到

h1

的内部，然后像这样为其设置

向右拉

类

@导入url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);

客户
新客户
渲染引擎
浏览器
月台
引擎版本
CSS等级
三叉戟
Internet Explorer 4.0
赢得95分+
4.
X
三叉戟
Internet Explorer 5.0
赢得95分+
5.
C
三叉戟
Internet Explorer 5.5
赢得95分+
5.5
A.
三叉戟
Internet Explorer 6
赢98+
6.
A.
您可以将
a
标记移动到
h1
的内部，然后像这样为其设置
向右拉
类


@导入url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);

客户
新客户
渲染引擎
浏览器
月台
引擎版本
CSS等级
三叉戟
Internet Explorer 4.0
赢得95分+
4.
X
三叉戟
Internet Explorer 5.0
赢得95分+
5.
C
三叉戟
Internet Explorer 5.5
赢得95分+
5.5
A.
三叉戟
Internet Explorer 6
赢98+
6.
A.
查看工作小提琴

<div class="row">
  <div class="col-lg-12">
    <h1 class="page-header" >Customers
    <a class="btn btn-primary" style="float:right;margin-right:5px;">New Customer</a>

</h1>

  </div>

</div>


客户
新客户
查看工作小提琴

<div class="row">
  <div class="col-lg-12">
    <h1 class="page-header" >Customers
    <a class="btn btn-primary" style="float:right;margin-right:5px;">New Customer</a>

</h1>

  </div>

</div>


客户
新客户
只需将class
.col-lg-12更改为.col-lg-10
并将
.col-lg-12更改为.col-lg-2
差不多吧



客户
新客户

或

<div class="row">
  <div class="col-lg-12">
    <h1 class="page-header pull-left">Customers</h1>
    <a class="btn btn-primary pull-right" style="padding-top: 15px;">New Customer</a>
  </div>
</div>


客户
新客户
只需将class
.col-lg-12更改为.col-lg-10
并将
.col-lg-12更改为.col-lg-2
差不多吧



客户
新客户

或

<div class="row">
  <div class="col-lg-12">
    <h1 class="page-header pull-left">Customers</h1>
    <a class="btn btn-primary pull-right" style="padding-top: 15px;">New Customer</a>
  </div>
</div>


客户
新客户
查看工作小提琴查看工作小提琴