Question

我使用Bootstrap 3.我有以下HTML（jsfiddle：http://jsfiddle.net/mddc/6ntwb431/5/）

<div class="container">
    <div class="row" style="background-color: yellow">
        <div class="alert">This is alert!</div>
    </div>
</div>

和CSS：

.alert {
    height: 40px;
    display: table-cell;
    background-color: red;
    vertical-align: middle;
    text-align: center;
}

我希望.alert DIV在其包含的DIV中扩展100％的宽度，但在经过多次测试后无法弄明白。

谢谢！

Answer 1

您应该将“table-cell”包装在表格中。因此，在这种情况下，您将以下内容添加到行类

.row{
    display:table;
    width:100%;
 }

Answer 2

您应该将table-row显示属性添加到.row类：

.row {
    display: table-row;
}