How is it possible to add CSS3 styles like gradient or rounded corner in a Bootstrap framework?

Answer 1

Bootstrap gets better each version that comes out. Version 5.0 has a class that will work to remove any border-radius on an element.

//https://getbootstrap.com/docs/5.0/utilities/borders/#sizes

add class="rounded-0" to the element

Bootstrap has also adding gradient backgrounds in version 5.0

//https://getbootstrap.com/docs/5.0/utilities/background/#background-gradient

combined the classes .bg-primary.bg-gradient to receive a gradient style

If the default styles do not work, then I would add a separate .css file.

<header>

<link src="styles.css">

// Add CSS in the styles.css file

</header>

or

<header>

<style>

.new-gradient {

background-image: linear-gradient(red, orange);

}

</style>

</header>

Then apply the .new-gradient to the element you want!

Robert Hogan