5 Essential Bootstrap CSS Components and How to Improve Their Designby@thefullstackdev
928 reads
928 reads

5 Essential Bootstrap CSS Components and How to Improve Their Design

by Wes | The Full Stack Dev6mJuly 20th, 2022
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow
EN

Too Long; Didn't Read

Bootstrap CSS has some flaws that can easily be fixed with a little design know how and out of the box Bootstrap classes. Redesign Bootstrap components to create a warmer, softer feel. Use the --bs-bg-opacity CSS variable that comes with Bootstrap to soften the background color to create better contrast. Use standard HTML lists to draw more attention and use SVGs instead of bullet bullets to show more attention. Use a card border-0 shadow p-2 to add more attention to the list of items.

Company Mentioned

Mention Thumbnail
featured image - 5 Essential Bootstrap CSS Components and How to Improve Their Design
Wes | The Full Stack Dev HackerNoon profile picture
Wes | The Full Stack Dev

Wes | The Full Stack Dev

@thefullstackdev

Hi, I'm Wes I simplify complex topics - like web development and design - and cure your imposter syndrome.

Learn More
LEARN MORE ABOUT @THEFULLSTACKDEV'S
EXPERTISE AND PLACE ON THE INTERNET.

Share Your Thoughts

About Author

Wes | The Full Stack Dev HackerNoon profile picture
Wes | The Full Stack Dev@thefullstackdev
Hi, I'm Wes I simplify complex topics - like web development and design - and cure your imposter syndrome.

TOPICS

Languages

THIS ARTICLE WAS FEATURED IN...

Permanent on Arweave
Read on Terminal Reader
Read this story in a terminal
 Terminal
Read this story w/o Javascript
Read this story w/o Javascript
 Lite
Also published here
L O A D I N G
. . . comments & more!