How to make buttons without round corners in Twitter Bootstrap?

Question

HTML

Good afternoon,
I ask you to tell a beginner how to make Twitter Bootstrap buttons and input fields without rounded corners and without a gradient in the least effort, and in the most "native" way? All I found is direct editing of CSS. Is this how it should be or is there a more direct way?
Thank you!

Answer 1

Create a main.css file with content

.br0 {
    border-radius: 0px !important;
}

Next, make the connection AFTER css twitter bootstrap.
In the code, write like this.
Example on JsFiddle
In general, you should change less only if you need to make the buttons square, in the general case, my version is much more practical.

Answer 2

straighter than editing css, and in the case of less or sass bootstrap) look for inputs and their border-radius and linear-gradient properties

Answer 3

There is always a way - change the parameter in .less|scss files. Corner rounding is handled by variables defined in variables.less

@border-radius-base
@border-radius-large
@border-radius-small

Styling input fields, like any other elements, is also placed in separate files, so finding them will not be difficult.