css - Twitter Bootstrap 流体行水平对齐

Question

我有一个流畅的行，其中有一个元素(非文本)，我想将其水平居中对齐

文字

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12" style="text-align: center">
            <img src="@Url.Content("~/Images/Domain/IMG_1710.jpg")" />
        </div>
    </div>
</div>

这很好用

但是一旦我添加了 ma​​x-width 和 ma​​x-height 对齐就不再起作用了。

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12"  style="text-align: center;max-height: 300px; max-width: 400px" >
            <img src="@Url.Content("~/Images/Domain/IMG_1710.jpg")" />

    </div>
</div>

我做错了什么？如何设置最大宽度和高度并居中对齐？

Answer 1

要遵循 Bootstrap 规则，请尝试将其与 offset 类居中

<div class="row-fluid">
    <div class="span4 offset4">
        <img src="yourimage" />
    </div>
</div>

see documentation