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

5 Essential Bootstrap CSS Components and How to Improve Their Design

tldt arrow
EN
Read on Terminal Reader
Read this story w/o Javascript

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

@thefullstackdev

Wes | The Full Stack Dev

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


Receive Stories from @thefullstackdev

react to story with heart

RELATED STORIES

L O A D I N G
. . . comments & more!