添加空网格空间到bootstrap 3

Question

我在这里遇到问题，我想知道如何妥善解决。

我想在Bill to:字段上方添加一个空白单元格，以便所有内容都从bill到：down。

这样做的正确方法是什么？另外，我不想破坏引导程序的流畅性（就是一个字？）。

Answer 1

您可以将“＆＃39”帐单提供给＆＃39;输入一个上限，等于单行输入的总高度（包括填充和边距，因为Bootstrap使用box-sizing: border-box）。

为避免在布局崩溃的小视口上添加空白区域，您应该在合适的min-width断点上方添加边距。

您可以在此处查看Bootstrap本身使用的断点：http://getbootstrap.com/css/#grid

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

Answer 2

只需添加一个输入，其中style =＆＃34; visibility：hidden＆＃34;内联，你是金色......

    <div class="form-group">
      <input type="text" class="form-control" style="visibility:hidden">
    </div>

http://www.bootply.com/N33euRUtGt

更好的是，添加@media查询以在visibility:hidden阈值从display:none更改为col-md，因此当这些部分堆叠时，差距会消失：

.show-hide{display:none;}

@media (min-width:960px){
  .show-hide{display:inline;visibility:hidden;}
}

http://www.bootply.com/pAJbN5jEpL