2016-12-28 124 views
0

我構建了一個引導程序WP主題,並且只是在構建靜態html的階段。我試過Google搜索,但由於很難形容,所以我沒有任何運氣。爲了簡化事情,我不會告訴你我想做什麼,而是通過非常糟糕的photoshop模型展示給你,並希望我們可以一起做一些好事:)。使引導程序導航欄中的搜索欄與導航欄的邊框齊平

我使用的是從http://getbootstrap.com/components/#navbar

導航欄片段此刻,它看起來像這樣:

我希望它看起來像這樣:

我試着玩填充和邊距,但是空白。任何幫助表示讚賞:)。

+1

你到目前爲止試過了什麼? – aavrug

+1

添加自定義CSS來搜索欄和按鈕,使其更大,因爲它適合背景,並刪除邊框半徑 –

+0

感謝您的興趣,我看到我不是在做下面的答案。 –

回答

1
.navbar-form{ 
margin-top:0px; 
margin-bottom:0px; 
} 
.navbar-form input{ 
min-height:50px; 
border-radius:0; 
} 
.navbar-form button{ 
min-height:50px; 
border-radius:0; 
background:green; 
color:white;  
} 
+0

工作得很好,只需拖放即可。非常感謝你 :) –