Bootstrap 3多行Navbar品牌

Question

我正在使用Bootstrap 3創建我的網站。 我想要一個不錯的多行導航欄品牌。 我試過了名牌行

。 但這會扭曲布局。 請給我一些解決方案

Answer 1

Deep Singhal您好。
當您想要多行導航欄品牌化時，這就是您要做什么？

您可以像這樣覆蓋navbar-brand的Bootstrap class ...

.navbar-brand {
    line-height: 15px;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar {
    padding-top: 5px;
    padding-bottom: 5px;
} 

然后添加一個div ，將包裹a為想要這樣的多線鏈接...

<div class="navbar-brand ">  
    <a href="#">Project name</a><br>
    <a href="#">Project name</a><br>
    <a href="#">Project name</a>
</div>

這是一個工作的小提琴供您查看。
如果您希望文本變大等，則也要使導航欄變高。
希望這可以幫助。