我如何使用证明内容或自我对齐来居中？（仅引导）
这是我的代码，出于某种原因，我无法将其居中。我尝试过为每一行和每一列配置内容和对齐项，但它不起作用。我使用的是4.6 Bootstrap的cdn。
这个：
Link rel="样式表"href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0 /dist/css/bootstrap.min.css"完整性="sha384-B0vP5xmATw1 K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2 l"交叉起源="匿名"
我需要4个lorem ipsums在断点（md，lg）中居中。高级谢谢！
<section>
<div class="container vh-100">
<div class="row row-cols-1 row-cols-md-2 bg-info">
<div class="col col-md-6 col-lg-12"><h3>My Values</h3></div>
<div class="col bg-danger col-md-6 col-lg-3 ">1 lorem ipsum</div>
<div class="col col-lg-3 offset-md-6 offset-lg-0">2 lorem ipsum</div>
<div class="col col-lg-3 offset-md-6 offset-lg-0">3 lorem ipsum</div>
<div class="col col-lg-3 offset-md-6 offset-lg-0">4 lorem ipsum</div>
</div>
</div>
</div>
</section>
共有3个答案
您是否尝试过将类“row-cols-1”和类“d-flex”添加到容器中？
<section>
<div class="container vh-100">
<div class="row row-cols-1 row-cols-md-2 bg-info text-center">
<div class="col col-md-6 col-lg-12"><h3>My Values</h3></div>
<div class="col bg-danger col-md-6 col-lg-3 ">1 lorem ipsum</div>
<div class="col col-lg-3 offset-md-6 offset-lg-0">2 lorem ipsum</div>
<div class="col col-lg-3 offset-md-6 offset-lg-0">3 lorem ipsum</div>
<div class="col col-lg-3 offset-md-6 offset-lg-0">4 lorem ipsum</div>
</div>
</div>
</div>
</section>
将文本中心类添加到
-
问题内容： 我有一个div 。其内容水平和垂直居中。 当div中的内容太长时，内容将自动换行。但是在这种情况下，对齐方式会中断。请参阅摘要。 如果我添加正确显示。但是，为什么没有中心呢？ 问题答案： flex容器的HTML结构具有三个级别： 容器 该项目 内容 每个级别代表一个独立的独立元素。 该属性是在flex容器上设置的，用于控制flex项目。它不能直接控制项目的子项（在这种情况下为文本）。
-
不知道如何将此按钮居中。在BS3中，我只使用中心块，但在BS4中，这不是一个选项。有什么建议吗？
-
问题内容： 我希望整个块都以其父对象为中心，但是我希望块的内容保持对齐。 例子最有用 在本页面 ： http://yaml-online- parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a—+%7c%0d%0a %5c%2f%2f%7c%7c%5c% 2f％7c％7c％0d％0a ％2f％2f +％7c％7c ++％7c％7c __％0d％0a＆type =
-
此属性类似于align-items ，但在此处，它适用于各个flex项。 Usage - align-self: auto | flex-start | flex-end | center | baseline | stretch; 此属性接受以下值 - flex-start - 弹性项目将在容器顶部垂直对齐。 flex-end - flex项目将在容器底部垂直对齐。 flex-center -
-
我正试图在页面中央对齐两幅有响应的图像。 我在用电脑。容器类，但仍然是向右的。
-
我正在尝试将三个引导列居中对齐。我不希望列跨越整行。我认为这会使图像看起来太大，空间不够。这就是为什么我放了三列“col-md-3”。我喜欢这个尺寸的栏目。我只想让这些列居中对齐。我想我可以将类名“justify content md center”应用到行中，它可以工作，但不能工作。有人知道如何使用Bootstrap 3将下面的列居中对齐吗？可能吗？ 这是我的密码： 在代码笔上查看它。 谢谢你的