Twitter bootstrap Twitter引导的2列布局

我正在尝试使用Twitter引导程序制作两列布局。更简单地说，假设我们使用翡翠：

.container
  .row
    .span3
      label Email:
      input(type="text")
      label Password:
      input(type="text")
      input(type="submit")
    .span9
      h1 Hello, world!
      p This is a paragraph.

因此，我的主要问题是输入的宽度小于span3，当我为输入指定.span3时，它会在调整大小时破坏网格布局

还有一个常见的问题：BS中元素类的主要规则是什么？我应该把所有的元素都包在斯潘的里面吗？此代码：

.row
  .span3
    h1 Hello

工作原理与“简单”相同：

.row
  h1.span3 Hello

我脑子里乱七八糟的：（

试着在输入上使用“输入块级别”类

例如

请记住，向该按钮添加填充和/或边框将使按钮的宽度大于100%，因此在这种情况下，您还可以在其上设置框大小

button { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

---

请尝试在您的输入上使用“输入块级别”类。@Billy正是我想要的，谢谢！还有按钮（input（type=“submit”）？input.btn.input块级别（type=“submit”）不起作用。

button {
    display: block;
    width: 100%;
}

button { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}