Twitter bootstrap 如何将引导模式划分为4列？

我正在尝试将一个

模式

放入一个

按钮

，该按钮将显示我输入的一些数据。我几乎成功地让它工作了，但还没有完全实现。我有以下代码：

大模态

c1


c2


c3


补体第四成份

接近

试试这个

大模态

c1


c2


c3


补体第四成份

接近

试试这个

大模态

c1


c2


c3


补体第四成份

接近

尝试创建一个

容器

或

容器流体

div

内有

行

div，然后将

行

div分为四个

col-md-3

（或

col-lg-3

，取决于视口）

尝试创建一个

容器

或

容器流体

div

内有

行

div

，然后将

行

div

划分为四个

col-md-3

（或

col-lg-3

，具体取决于视口）

看起来您错过了要添加的

.modal content

类。只需在带有类的div

模态对话框

之后添加一个带有

模态内容

类的div即可

例如：

<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="container-fluid modal-body">
      ...............
    </div>
  </div>
</div>

...............

看起来您错过了要添加的

.modal content

类。只需在带有类的div

模态对话框

之后添加一个带有

模态内容

类的div即可

例如：

<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="container-fluid modal-body">
      ...............
    </div>
  </div>
</div>

...............

在一行内制作四列col-3。（根据查看端口调整col-md-3、col-lg-3）。

将col-3的四列放在一行内。（根据查看端口调整col-md-3、col-lg-3）。

现在它不再透明，但这并不能解决我面临的其他问题。对于关闭按钮，您需要将该部分移到

之外，因为
.model footer
位于
.modal body
内部。现在它不再是透明的，但这并不能解决我为关闭按钮遇到的其他问题，您需要将该部分移到
外部，因为
.model footer
位于
.modal body
内。这非常有效，谢谢。我能问你怎么把数据放在列下吗？现在，如果您运行代码以了解我的意思，并且希望将数据放在标题下，它们看起来像标题。欢迎您。看看这个。你会对引导模式有一个完整的了解。这就是我来之前的地方，所以，你想让我看什么特别的东西吗？实际上在
模式体中
你可以决定你的数据应该是什么样子。就像你在网页中设计一样。这非常好用，谢谢。我能问你怎么把数据放在列下吗？现在，如果您运行代码以了解我的意思，并且希望将数据放在标题下，它们看起来像标题。欢迎您。看看这个。你会对引导模式有一个完整的了解。这就是我来之前的地方，所以，你想让我看什么特别的东西吗？实际上在
模式体中
你可以决定你的数据应该是什么样子。就像在网页中设计一样。