html - Bootstrap 3 - 垂直和水平对齐

标签 html css twitter-bootstrap

我一直在查看 SO 上发布的其他问题并尝试了 CSS,但是我似乎无法在容器内对齐“框”HxV。

让它响应显示 HxV 的最佳方法是什么?

HTML:

<div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 center-block"> 
                box
            </div>
        </div>
    </div>

最佳答案

创建一个像.centred-col这样的类并写一个像

这样的规则

.centred-col{ float :无; margin:auto;}在你的 .col 类之后添加这个。

关于html - Bootstrap 3 - 垂直和水平对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24924005/

相关文章:

html - nav 包含在 header 中 vs 不包含在 header 中?

html - 如何将图像并排放置

css - 我可以响应式地在 HTML5 <details> 上设置 "open"属性吗?

html - 如何设置 HTML 样式以在打印页面上显示 2 个数据卡?

javascript - jQuery ("#"+id) 对比 document.getElementById (""+id)

html - 列设置为 100% 高度的响应式 CSS

javascript - 自动换行 : ellipsis without css

twitter-bootstrap - bootstrap 4 - 何时使用重启 css 和网格 css?

html - 带有 Bootstrap 轮播的 Bootstrap 网格搞砸了, Bootstrap 轮播打扰了网格系统

javascript - XPage 和加载 JavaScript 文件