How to remove navbar rounded corners using border-radius property when using SASS for Ruby on Rails?
I will instead of modifying the css add the class: navbar-static-top
ie:
<nav class="navbar navbar-default navbar-static-top" role="navigation">or the class navbar-fixed-top, if you want the menu to be fixed on the top(on large pages)
ie:
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
You used:
<nav class="navbar navbar-inverse">Try using this instead:
<nav class="navbar navbar-inverse navbar-static-top"> and this will remove radius
All you have done there is create a variable initialized to 0. I think you are best off letting Bootstrap do what it wants and then overriding what you want.
Try applying
* { border-radius: 0 !important; -moz-border-radius: 0 !important;}And of course make sure this style (and any other overriding styles) is included in your template files.