html - 居中嵌套列 Bootstrap

标签 html css twitter-bootstrap

我想在 bootstrap 中居中对齐嵌套网格。我一直在尝试几种方法,但似乎做不对。这是嵌套网格的代码:

<div class="row">
    <div class="col-md-2">
        <div class="row">
            Row 1, Col 1
        </div>
        <div class="row">
            Row 2, Col 1
        </div>
    </div>
    <div class="col-md-2">
        <div class="row">
            Row 1, Col 2
        </div>
        <div class="row">
            - Row 2, Col 2 +
        </div>
    </div>
</div>

最佳答案

将类附加到内部行

.centerAlign{
    text-align:center;
}

<div class="col-md-2">
    <div class="row centerAlign">
        Row 1, Col 2
    </div>
    <div class="row centerAlign">
        - Row 2, Col 2 +
    </div>
</div>

关于html - 居中嵌套列 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32410996/

相关文章:

css - 跨浏览器菜单悬停在 IE8 中有下划线,但在其他浏览器中没有

css - 将显示/孔宽减少到 10 列

css - Ace 编辑器等宽字体问题与光标间距

javascript - div CSS 加载动画没有显示?

jquery - 使具有不同位置类型的元素一起滚动

HTML 到 Excel 格式 : mso-number-format currency without decimal?

html - 处理不同高度/宽度的多个图像

python - 如何从文本中删除所有 href 标签

html - Bootstrap Carousel 在更改幻灯片时自动滚动整个页面

html - 圆形缩略图对齐