使用sass的bootstrap盒子大小？

Question

阅读此帖后：Using box-sizing : border-box with Twitter Bootstrap 2.x, can we do it easily without breaking everything?

我已经决定尝试使用我在这里下载的sass repo进行大小调整： https://github.com/thomas-mcdonald/bootstrap-sass

我尝试添加以下内容：

* {
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
 }

这很好用，但它搞砸了我的输入表格高度。阅读以上帖子关于在输入表单上使用box-sizing内容的评论。但显然这不是一个小问题：

*, *:before, *:after {
.box-sizing(border-box);
}

input {
.box-sizing(content-box);
}

有人知道如何使这个工作，所以我的输入表格被压扁了吗？

Answer 1

你也可以在sass文件中使用它 - 尝试下面的代码

*
  &:before, &:after     
     +box-sizing(border-box)


input
  +box-sizing(content-box)

现在将更少的代码转换为sass代码。如果Less代码正常工作，那么这个sass代码肯定会对你有用