请参考下面我try 过的代码

<div class="row">
  <div class="center-block">First Div</div>
  <div class="center-block">Second DIV </div>
</div>

输出:

First Div
SecondDiv

Expected 输出:

                      First Div        Second Div

我想使用 bootstrap css将两个div水平居中对齐到页面.我该怎么做?我不想用简单的css和浮动概念来做这件事.因为我需要使用 bootstrap css来处理各种布局(即所有窗口大小和分辨率),而不是使用媒体查询.

推荐答案

这应该可以做到:

<div class="container">
    <div class="row">
        <div class="col-xs-6">
            ONE
        </div>
        <div class="col-xs-6">
            TWO
        </div>
    </div>
</div>

请阅读Bootstrap文档的网格系统部分,以熟悉Bootstrap的网格的工作原理:

http://getbootstrap.com/css/#grid

Html相关问答推荐

将多个内联元素置于中心,而无需访问父级上的CSS

将ANGLE模板高效地迁移到ANGLE 17中引入的新语法

连续的相同 colored颜色 单元格应位于同一列、网格框中

当溢出到滚动条中时, bootstrap 按钮样式会更改

如何使用CSS在<;表格中<;SVG&>?

carousel 的垂直滚动按钮居中

如何在小屏幕中制作水平滚动div

Swift 以编程方式在 YouTube 嵌入视频中进入全屏

如何使用 HTML 将对象数组发送到 Nodejs Express

对齐列表项内的文本,使其不在元素装饰下

在Angular中,类型"HTMLDivElement"不能分配给类型"Node"

css 网格创建空行和列

子 div 在父 div 中溢出

如何在Bootstrap卡片底部添加波浪形状

当我将鼠标悬停在测试类上时,左侧类的 colored颜色 没有改变

font awesome 的 CDN/CSS 如何工作?

在部分而不是正文中定义页面宽度

我正在try 向我预先存在的导航栏添加响应式汉堡包导航,但由于某种原因它没有显示

Bootstrap 5 网格问题,div 向下转义

如何使文本显示在页眉/页脚之外?