引导模式对话框.网格系统可以在模态上下文中使用吗? [英] Bootstrap Modal Dialog. Can the grid system be used within a modal context?

问题描述

我有一个 Bootstrap 模式对话框，我想为其布局各种标签和输入.我尝试过使用行/列类，但它们似乎没有做任何事情.我在这里有什么选择?

I have a Bootstrap modal dialog for which I want to layout the various labels and inputs. I have tried using row/column classes but they do not appear to do anything. What are my options here?

谢谢，
道格

推荐答案

我搞定了...http://www.bootply.com/WAwE3QyUdb

在 modal-body 内的容器中添加一个 col.

Add a col to the container inside the modal-body.

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h3>Modal header</h3>
        </div>

        <div class="modal-body">
            <div class="container col-md-12">
                <div class="row">
                    <div class="col-md-3">
                        1st col 3
                    </div>

                     <div class="col-md-3">
                         2nd col 3
                     </div>

                     <div class="col-md-3">
                         3rd col 3</div>
                     </div>
                 </div>
             </div>
         </div>
    </div>
</div>

这篇关于引导模式对话框.网格系统可以在模态上下文中使用吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！