• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

I Like Kill Nerds

The blog of Australian Front End / Aurelia Javascript Developer & brewing aficionado Dwayne Charrington // Aurelia.io Core Team member.

  • Home
  • Aurelia 2
  • Aurelia 1
  • About
  • Aurelia 2 Consulting/Freelance Work

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

General · August 31, 2014

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;

Dwayne

Leave a Reply Cancel reply

1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Gilberto Albno
Gilberto Albno
8 years ago

And IF I am using CSS?
Am I forced to use LESS or SASS?

1

Primary Sidebar

Popular

  • Testing Event Listeners In Jest (Without Using A Library)
  • Handling Errors with the Fetch API
  • Thoughts on the Flipper Zero
  • Waiting for an Element to Exist With JavaScript
  • How To Paginate An Array In Javascript

Copyright © 2023 · Dwayne Charrington · Log in

wpDiscuz