🥇 Adicionar preenchimento à grade do Bootstrap

Eu amo o Bootstrap, mas a simples falta de preenchimento no elemento spanX torna às vezes difícil de trabalhar se seu conteúdo tiver um wrapper.

Isso é uma solução simples. Encontre o arquivo mixins.less, encontre [class * = “span”] e altere-o para …

[class*="span"] {
  float: left;
  min-height: 1px; // prevent collapsing columns
  .box-sizing(border-box);
  margin-left: @gridGutterWidth;
  padding-right: @gridGutterWidth;
}
.row [class*="span"]:first-of-type{
  padding-left: @gridGutterWidth;
}

Então em responsive-767px-max.less em [class = “span”],
.row-fluid [class = “span”], adicione

padding-left: @gridGutterWidth;

Related Posts