無法使用CSS中心菜單欄

使用Bootstrap，我無法弄清楚需要集中「MiDs」元素，以便與其他元素排成一行，但黑色像現在一樣脫離邊緣。無法使用CSS中心菜單欄

2011-11-26 Matthew

您想將整個黑色條形中心對齊，還是隻將其下面的內容排在其下面的內容左側？ – animuson

黑色欄中的所有內容。頁面的其餘部分的寬度，但要保持黑色條在兩側延伸。 – Matthew

我假設你需要中心元素.container流體。如果是這樣，編輯樣式如下：

.container-fluid { 
... 
/* min-width: 940px; remove this line */ 
width: 940px; 
margin: 0 auto; 
}

來源

2011-11-26 09:30:32

這正是我所期待的！ – Matthew

添加此

margin: 0px 50% -40px 50%;

到

.brand

來源

2011-11-26 04:05:52

這就是我正在尋找的東西，但我希望黑色欄中的所有內容都適合與頁面其餘部分相同的寬度。 – Matthew

我會做的是創造黑條是這樣的寬度相同頁面的其餘部分中的DIV，和居中。如果您將MiD放入其中，它將與頁面的其餘部分保持一致。

來源

2011-11-26 05:18:55 JesseBuesking

有可能有一百萬種方法來剝皮這隻貓，但我會做的是添加一個額外的類到它有你的鏈接的div（它已經有container-fluid作爲一個類）。

您需要一個覆蓋容器流體邊距的類，因爲您需要自動邊距。猜猜哪個班會這樣？包！因此，將wrap添加到該div，整個事情將與您的內容一致。文字尚未居中;它位於現在居中的div的左側。

我沒有深入到比標記更深的地方，但我懷疑你不會再需要你的老祖先wrap元素了;它可能在那裏，因爲它好像是放置它的地方（包裹你想要的東西！），但我相信它只是需要更深層嵌套才能擺脫頂級酒吧的固定位置。

你還需要居中文本本身嗎？您需要展開錨點，然後相應地調整填充，因爲它會移動到文檔流中。

來源

2011-11-26 05:19:43

我想我是在this question <要求-check小提琴那裏看看

對於黑色格：

position: absolute; 
left: 0; 
right: 0;

這將使不管延伸到瀏覽器的邊緣它有多寬。

然後製作另一個div和margin-left:側邊菜單的寬度，所以它會推送「MiDs」以及您在其中放置在右側菜單中的任何其他內容。

如果你想它爲中心，設置一個寬度，並使用margin: auto;

來源

2011-11-26 05:24:09 sicks

試試這個..

<div class="container-fluid"> 
<span><a class="brand" href="/index.php">MiDs</a></span> 
--------- 
------- 
------ 
</div> 

/*css*/ 

.container-fluid span { 
display:block; 
width:100px; 
margin:0 auto; 
}

來源

2011-11-26 09:36:03

.topbar h3 a, .topbar .brand { 
    color: #FFFFFF; 
    font-size: 20px; 
    font-weight: 200; 
    line-height: 1; 
    padding: 8px 20px 12px; 
}

刪除浮動？

來源

2011-11-26 09:37:47 vonsko

無法使用CSS中心菜單欄

回答

相關問題