我希望佔位符文本(「搜索」)與導航文本(Blog,About)垂直對齊。Bootstrap - 導航欄中的中心文本和搜索字段
我希望博客/關於在導航欄中垂直居中。
我與CSS鬥爭,所以我不太確定要添加/更改哪些類。
例子here。
HTML我使用:
<header class= "blog-masthead">
<div class="container">
<nav class="blog-nav">
<a class="blog-nav-item " href="/blog">Blog</a>
<a class="blog-nav-item current" href="/about">About</a>
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control input-sm" placeholder="Search" id="sitesearch">
</div>
<button type="submit" class="btn btn-xs"><span class="glyphicon glyphicon-search"></span></button>
</form>
</nav>
</div>
謝謝,這很好。 – emd