2016-05-31 170 views
0

上週我一直在試圖解決這個難題,沒有任何工作。我試圖減少使用檢查元素的標籤面板多餘的空間,但它不工作。任何方向將非常讚賞這個UI級別的變化。刪除標籤面板中的空間

這是鏈接。 http://ec2-52-77-213-236.ap-southeast-1.compute.amazonaws.com/

我想在返回時間之後刪除這個未使用的空間,等等在其他類型的旅行中。

+1

目前尚不清楚你想要什麼。如果按鈕移動到左側,那麼右側有一個很大的空白區域。你想讓整個酒吧縮短(水平)嗎? **另外** - 好的問題在問題*中有代碼*。你的問題將對未來的訪問者毫無價值**,因爲一旦問題得到解決,你的鏈接就不會代表問題。 –

+0

我已經刪除了我的答案,因爲它下降了。你必須解釋你的意思是「刪除空格」 –

+0

我只是想刪除這個額外的空間和所有其他項目來使用這個額外的空間。對UI的角度來說它會有好處嗎? – Nishank

回答

1
.round-trip .form-control { 
border-radius: 0; 
box-shadow: none; 
height: 55px; 
border: none; 
width: 205px;//<======= 
border-right: 1px #ddd solid; 
} 

對於該塊

<input required="" type="text" class="form-control start_date" id="datetimepicker1" value="" placeholder="Return Date and Time" name="end"> 
+0

來解決+你贏得了最好的營銷活動:D – Qaddura

+0

我只是一個後端開發先生..沒有必要推銷任何東西:) – Nishank

+0

我是開玩笑,我只是想告訴你,其他人可能有這種看法。但根據我給出的解決方案,在你的theme.css第52行中,你會發現這個錯誤。減少寬度爲205px將解決它 – Qaddura

-1

添加此覆蓋bootstrap.css

.TAB內容>。主動{顯示:內聯塊;}

+0

這是減少整個面板的寬度,它收縮到左側看起來不太好。感謝您的回答 !!它解決了我的問題,但它也創造了另一個:)你能幫助建議更多的這個設計。 – Nishank

+0

不確定爲什麼你要這樣做......它會按照你的要求去除空白。如果你需要其他元素來填補額外的空白,那麼這也可以用css – Liquidchrome