与 bootstrap.css 水平对齐（或常规 css 覆盖）答案

【问题标题】：horizontal alignment with bootstrap.css (or regular css override)与 bootstrap.css 水平对齐（或常规 css 覆盖）
【发布时间】：2012-09-26 03:46:01
【问题描述】：

我正在尝试 Twitter 的 bootstrap.css，想要让 <h2> 和图像水平对齐，现在它们彼此重叠。这是一个小提琴http://jsfiddle.net/mjmitche/P335E/2/

使用 bootstrap.css 实现这一目标的最简单方法是什么？

<div class="span8">

<h2>Kutcher</h2>
<ul class="media-grid">
 <li>
 <a>
 <img alt="mashable" class="thumbnail" src= "https://api.twitter.com/1/users/profile_image?screen_name=aplusk">
</a>
</li>

</div>

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

如果你想使用media-grid，你可以稍微修改一下 CSS 来产生这个结果：http://jsfiddle.net/P335E/3/

但是，如果您的用例是单个图像和用户名，我建议您不要使用 media-grid。相反，您应该真正使用一些自定义 HTML 和 CSS。例如，带有浮动img 和h2 子元素的a.user 可以正常工作。

你可以在这里看到后一种方法：http://jsfiddle.net/P335E/4/

【讨论】：

【解决方案2】：

我使用了以下代码来正确：

<div class="pull-right">Text at right side</div>

【讨论】：