Bootstrap 3中的定位標誌導航

我有一個CodePen，我正在使用Bootstrap模擬移動版本的賭場網站。能見度課程正在發揮作用，使其僅在小型或超小型屏幕上出現。Bootstrap 3中的定位標誌導航

導航欄中有一個標誌，我似乎無法正確對中。我需要將徽標放入條的全部寬度中，而不僅僅是全寬減去切換的區域。

這裏我整頁CodePen

這裏是一個casino website that is actually implementing what I speak of，我看不出他們是如何做的。我在這裏發現一個問題，SEEMED接近我想要的「Located Here」。它建議的代碼對應於這個CSS的DIV包裝（但它仍然沒有工作）：

.nav-center { 
    margin:0; 
    float:none; 
} 

.navbar-inner{ 
    text-align:center; 
}

來源

2015-01-08 bmoneruxui

好吧，我想通了。花了一些時間，但我加了這個......

.navbar-brand img { 
    width: 197px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 8px 0px; 
    display: block; 
    position: absolute; 
    left: 0; 
    right: 0; 
}

這樣就把所有的東西都排除了。我也適用於我的CodePen。

來源

2015-01-13 22:23:08 bmoneruxui

添加width: 100vw或width: 100%到.navbar-header

來源

2015-01-08 19:04:55

Hey Tambo。感謝你，因爲我忘記了這一點。 – bmoneruxui

Tambo。你的建議絕對有助於它靠近中心。我已更新我的代碼以反映我在本地進行的更改。它仍然不是100％集中，讓我瘋狂。 – bmoneruxui

@bmoneruxui將'text-align：center;'添加到'navbar-header'和'.navbar-brand img { width：197px; margin：0 auto; padding：8px 0px; }' –

Bootstrap 3中的定位標誌導航

回答

相關問題