forms - 引导程序的形式很窄，cols 参数不起作用

Question

我正在尝试在我的网站上学习引导程序，但表单太窄了，我无法通过更改文本字段的列来更改宽度。

见页面：

http://saslab.org/mycontact.php

这个页面：

http://saslab.org/testme.html

有人可以教育我吗？

谢谢你！

约翰

Answer 1

好吧，我猜是 Bootstrap 的默认 css 导致了缩小。在以下链接中，您可以看到对比

一个没有引导程序：

http://saslab.org/testme.html

一个带引导程序的：

http://saslab.org/testme_bootstrap.html

Answer 2

您的源代码中有一行：<div class="container marketing">. 经过进一步检查，您的“营销”类具有属性text-align:center。这意味着您的所有表单都将居中，因为包含它的 div 具有该类。这就是为什么你的表格很窄。

具体来说，您有一个名为 mycontact.php 的文件，这是适用的 CSS 的内容：

.marketing .span12 {
  text-align: center;
}

Answer 3

像这样做：

<div class="row">
    <div class="span4">                                     
        <p>Name</p> <input type="text" name="name">
    </div> 
    <div class="span4">    
        <p>Email</p> <input type="text" name="email">
    </div>
    <div class="span4">
        <p>Phone</p> <input type="text" name="phone">
    </div>
</div>

包装 p 标签并用 span 输入