我剛開始接觸引導,並發現它非常令人沮喪,甚至做簡單的事情。中心按鈕和品牌引導
「品牌」的文本在導航欄引導程序演示,使用按鈕一起,左對齊。我希望所有這些都以中心爲中心。我的代碼在按鈕的中心下方,但是當我將「Brand」文本居中時,它與按鈕重疊。
下面的代碼:
<nav class="navbar navbar-inverse" role="navigation" style="margin: 0;">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="text-align: center;">
<ul class="nav navbar-nav" id="navbar-media-query" style="float: none; display: inline-block;">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
誰能幫助我嗎?另外,我很難理解爲什麼Bootstrap(和其他庫)如此受歡迎。如果你想創建一個通用的Bootstrap網站,這很容易,但要做任何事情你必須一起破解CSS。看起來比它的價值更麻煩。
感謝,除了在移動一個問題的工作。你能回答爲什麼這些圖書館如此受歡迎?這對我來說只是一種痛苦。居中這些按鈕應該不是一件困難的事情。 – user3761858
我很高興它做到了!至於爲什麼這些圖書館如此受歡迎,我敢肯定,其中一個原因是他們可以輕鬆實現美觀。我曾經嘗試複製Twitter Bootstrap網站的代碼而不使用框架,它給了我惡夢!另一個原因是Bootstrap允許輕鬆響應,這是初學者夢寐以求的。 [這是一個很好的閱讀!](http://www.sitepoint.com/11-reasons-to-use-twitter-bootstrap/) – TribalChief