均等分割されていないBootstrapの .nav-justified を均等分割（均等割）に修正するCSS

概要 ▶ Bootstrapで均等分割（均等割）されない.nav-justifiedを修正。table-layout: fixed;がポイント。 Bootstrapでナビバー（navbar）に、均等分割（均等割）にするクラスがあります。 それが「.nav-justified」です。navをjustifyするということで、そのまんまですね。 ●.nav-justifiedは均等分割していない便利なクラスが用意されているものだと、会社のサイトであまり気にせず適用していました。 以下の画像の線で囲った部分です。 でも、よく見ると、本当に均等分割しているのか？って思いませんか。 一番左と一番右はpaddingで15px付けているから少し大きく見えるにしても、一番左の項目がかなり長く見えます。 画像出典：これからのカタログ印刷のカタチ - 分割型カタログ印刷 Stock!&Fresh!（吉田印刷所）

[jdash]

ブログ書いた。なぜか均等割にならないBootstrapの.nav-justifiedを正しく動作するようにしてみました。