窓際BLOG

プログラミングの学習メモや書籍の感想等を公開していきます。

Bootstrap:ナビゲーションバーの丸みをなくす方法

Bootstrapのナビゲーションバーに微妙に丸みがあるのが気になったので、無くす方法をメモφ(..)

事象

Bootstrapのナビゲーションバーはデフォルトでは、微妙に丸みを帯びている。
いままで見てみぬふりをしてきたが、結構気になっていた。。。

f:id:madogiwa0124:20170607223836p:plain

bootstrap3.cyberlab.info

解決方法

下記CSSを記載すればOK

.navbar{
  border-radius: 0px;
}

Chrome等で検証すればわかるが、
デフォルトでは.navbar5pxradiusが設定されてる。
これを上書きしてあげればOK!

f:id:madogiwa0124:20170607224205p:plain

※画像はCSS反映後のため無効化されてます。