向引導添加空格子空間3

Question

我在這裏遇到問題，我想知道如何正確解決它。

我想在我的Bill to:字段上方添加一個空白單元格，以便從bill到down的所有內容都會排成一列。

這樣做的正確方法是什麼？另外，我不想打破引導的流暢性（這是一個詞？）。

Answer 1

你可以得到「帳單爲」輸入一個上邊距等於單行輸入（包括填充和利潤因爲引導使用box-sizing: border-box）的總高度。

爲避免在佈局崩潰的小視口上添加空白空間，應該在合適的min-width斷點上添加邊距。

你可以看到斷點引導本身使用這裏：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

只是風格=添加輸入有 「visibility：hidden的」 內聯，你是金色的......

<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