0

有没有人对如何创建两个面板模式有任何想法。因此，例如一侧是登录表单或其他东西，另一侧是用户获得的列表。或者一侧是物理联系信息 div，另一侧是电子邮件联系表。我尝试在模态 div 标签下做两个 div，并且每个 span5 或 span6 一个向左拉另一个向右拉，但它没有用。我问是因为我有这个问题。还有谁能告诉我为什么我的联系表格在标签和输入框之间有这么大的空间？转到 scoopclassifieds.com（不是试图插入我的网站，还不能发布图片）并单击联系我们。我已将 html 标记向上放置

<div class="modal hide fade" id="contactForm" aria-hidden="true">
                    <div class="modal-body">
                                <form action="" method="post" class="form-horizontal">
            <div class="control-group">
                <label class="control-label">Email:</label>
                <div class="controls">
                    <input type="text" name="email" id="email" class="input" />
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">Subject:</label>
                <div class="controls">
                    <input type="text" name="subject" id="subject" class="input" />
                </div>
            </div>
            <div class="control-group">
            <label class="control-label">Message:</label><br/><br/>
                <div class="controls">
                   <textarea rows="5" class="input span4" name="message" id="message"></textarea>
                </div>
            </div>
            <div class="control-group"><div class="controls"><input type="submit" name="contactUs" id="contactUs" class="btn" value="Contact Us" /></div></div>
                        </form>
                    </div>
                </div>

对不起，如果代码格式如此可怕。我使用 cpanel 文本编辑器来开发它。我知道这是一个坏主意，但我必须尽可能快地提供一个活生生的例子。

4

1 回答 1

1

Try putting a row-fluid inside the modal-body, and then 2 span6 inside that..

<div class="modal-body">
<div class="row-fluid">
   <form class="span6">
   </form>
   <div class="span6">
   </div>
</div>
</div>

You may also want to increase the default width of the modal..

.modal {
    width:45%;
    left:45%;
}

Demo on Bootply: http://bootply.com/69517

于 2013-07-25T14:44:32.083 回答