How To Remove Border-radius Rounded Corners From Buttons In Bootstrap 3

In Bootstrap 3, the buttons (well a lot of elements) have a border radius value giving them rounded corners. Now I don’t know about you, but I find rounded corners on buttons horrible.

If you are using the LESS version of Bootstrap, set the following variables:

@border-radius-base: 0px;
@border-radius-small: 0px;
@border-radius-large: 0px;

If you are using Bootstrap SASS port, set the following variables:

$border-radius-base: 0px;
$border-radius-small: 0px;
$border-radius-large: 0px;