ブランドヘッダーのリンクで現在のページを強調表示

興味のある方のために、これをある程度実現する方法を見つけました。現在どのページにいるかを賢く判断するものではありませんが、大半のケースではこれで十分でしょう。フォラムボタンの位置に合わせて (2) を適宜変更してください。

.b-header .nav-pills > li:nth-child(2) {
	background-color: #35373e;
}

また、ピル(ボタン)を上下に広げたい場合は、以下のコードを追加してください。

.b-header .nav-pills > li > a {
	padding: 13px 12px;
}

.b-header .contents {
	margin: 0px !important;
}

これにより、以下のような表示になります。

image

「いいね!」 4