Twitter bootstrap 水平对齐三个div

如何对齐3个分区，第一个分区包含按钮，第二个分区包含段落，第三个分区包含列表，其中包含一个按钮

寄存器
或

使用Facebook登录

像这样试试

[Button 1] ["OR"] [Button]

按钮1
文本
按钮2

---

这样，所有3个元素都将位于同一行中，我将它们分隔成相等的列。您可以确保带有row类的div是全宽的，然后按钮和文本将平均共享行的宽度，并如您所述水平对齐如果您使用的是bootstrap 4，则将

row

类添加到父类中

.row p{
页边距底部：0；
}

寄存器
或


使用Facebook登录


使用Facebook登录


使用Facebook登录

您可以在此处尝试此代码：

如果使用引导包含引导CSS并将父简单类

添加到

中，则不需要

<div class="row">
    <div class="col-md-4">Button1</div>
    <div class="col-md-4">Text</div>
    <div class="col-md-4">Button2</div>
</div>

如果添加引导CSS，则不需要avobe代码

.itemWrap{
显示器：flex；
对齐项目：柔性顶部；
}
.dvi1，
.dvi2，
.dvi3{
宽度：100%；
弹性：1；
显示器：flex；
柔性包装：包装；
}
.第2分部{
背景：灰色；
填充：10px；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
}
ulli{
填充：2px0；
}

寄存器
Lorem ipsum，或者有时称之为lipsum，是用于布置印刷品、图形或网页设计的虚拟文本。这段文字是15世纪一位不知名的排字工人写的



使用Facebook登录


使用Facebook登录
使用Facebook登录

看看，我已经删除了额外的html标记

您必须使用内联样式还是可以使用单独的CSS样式表？我看到您正在使用引导col类，您的项目中添加了引导吗？指定您正在使用的引导版本，如果您使用的是BS4，那么您很幸运您可以简单地使用垂直对齐辅助工具，否则您将不得不使用flex Box，正如Mihai所说。你真的在用bootstrap吗？“没有看到您导入引导样式。@DavidThomas Op询问如何对齐3个分区，第一个分区包含按钮，第二个分区包含段落，第三个分区包含列表，其中有一个按钮。”。这不是一个完整的答案，但仅仅是答案boilderplate@DavidThomas添加了一个小说明，现在怎么样？谢谢，这绝对是一个进步。

.itemWrap {
    display: flex;
    align-items: flex-top;
}