Problem with buttons in Bootstrap, what to do if the bootstrap CDN does not work correctly?

Navigation
0

I am learning Bootstrap and I found the following. I was looking for totally round buttons, I took the reference of this link

and later I tried to do it with a bootstrap code:

----- HTML: 

<button type="button" class="btn btn-success">con boostrap</button>

----- CSS: 

.btn{
    border-radius: 20px;
    width: 20px;
    height: 20px;

}

But to copy both, both doing it with html and bootstrap found the following:

After seeing that on the jsfiddle.net website if the html was playing well I decided to remove the link with bootstrap from the head to see if my html would look the same as in jsfiddle.net and it was all right, it looked perfect ( except the bootstrap code obviously).

Therefore, the fault is in the bootstrap cdn understand me.

My question is, what is done in these cases? I want to continue working with Bootstrap, but I do not want to find mistakes like these again and to think that something bad is happening.

    
asked by Eduardo 23.12.2018 в 00:09
source

1 answer

0

First of all, the "CDN" does not work badly

Seeing the code you have put, I think the topic is about compatibility and responsibilities, you are trying to modify a component that has its logic "per se", that is, you are wanting to overwrite a pre-configured element through a class with its own characteristics.

Bootstrap prevents you from "hand goals" to your predefined rules, so if you have declared a button with bs, you should not try to modify it with the same class name, bs offers you anything within its rules.

In summary: 

<a class="rounded-circle"

That is as close as I understand your concern, which in any case I do not see it at all clear.

    
answered by 23.12.2018 в 05:17
Error 500 when doing delete with ajax in Laravel 5.5 Use Filesystem from NodeJS in Heroku