我使用Bootstrap 3.3.7，我想知道如何显示:
- 标题元素
h1对齐到page-header的左侧 -
button元素在page-header右边对齐 - 两个元素在同一基线上
当前代码粘贴在下面，工作示例在JSFiddle上。我的问题和这个问题类似，但是你提出的解决办法对我不起作用。
<body>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="page-header">
<div class="pull-left">
<h1>Hello World <small>Home Page</small></h1>
</div>
<div class="pull-right">
<button class="btn btn-primary">Submit</button>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</body>
你的问题是CSS，而不是标记
你提供的琴弦工作如预期，为什么元素似乎没有正确对齐的原因是因为bootstrap设置了h1元素的默认边距，而它没有这样做与button s。
h1 {
margin: 0;
}
你的网站的CSS。
对于类似的"bootstrappy"方式的输出，您可以查看bootstrap导航条和branded bootstrap导航条。
移除header元素的上边距:
.page-header h1 {
margin-top: 0;
}