Question

我正在尝试使用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>

Answer 1

如果您想使用media-grid，您可以稍微破解CSS以产生此结果：http://jsfiddle.net/P335E/3/

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

您可以在此处查看后一种方法：http://jsfiddle.net/P335E/4/

Answer 2

我使用以下代码右对齐：

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

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

2 个答案: