Getting rid of all the rounded corners in Twitter Bootstrap

后端 未结 16 2436
旧时难觅i
旧时难觅i 2020-12-22 17:07

I love Twitter Bootstrap 2.0 - I love how it\'s such a complete library... but I want to make a global modification for a very boxy-not-round site, which is to get rid of al

16条回答
  •  再見小時候
    2020-12-22 17:52

    This question is pretty old however it is highly visible on search engines even in Bootstrap 4 related searches. I think it worths to add an answer for disabling the rounded corners, BS4 way.

    In the _variables.scss there are several global modifiers exists to quickly change the stuff such as enabling or disabling flex gird system, rounded corners, gradients etc. :

    $enable-flex:          false !default;
    $enable-rounded:       true !default; // <-- This one
    $enable-shadows:       false !default;
    $enable-gradients:     false !default;
    $enable-transitions:   false !default;
    

    Rounded corners are enabled by default.

    If you prefer compiling the Bootstrap 4 using Sass and your very own _custom.scss like me (or using official customizer), overriding the related variable is enough:

    $enable-rounded : false
    

提交回复
热议问题