Bootstrap3のボタングループで線が重なるバグを修正する

harada 147views 更新:2015年6月17日

Bootstrapのbtn-groups-justifiedクラスを利用することで、簡単に均等配置のボタングループが作成できます。
http://getbootstrap.com/components/#btn-groups-justified

ただし上記URLの表示例を見る通り、デフォルトだと隣り合った線が重なって表示されてしまっています。
これは以下のCSSを加えることで修正できます。

.btn-group-justified .btn {border-right-width:0px}
.btn-group-justified .btn:last-of-type {border-right-width:1px}

参考:Justified button groups show double borders #11964

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません