Use slide class to set carousel with slides. Note the presence of the d-block and w-100 class on carousel images to prevent browser default image alignment.

Use carousel-control-prev and carousel-control-next class with <button> or <a> tag element to show carousel with control navigation.

PreviousNext

Use carousel-indicators class with <ol> element to show carousel with indicators.

Use carousel-caption class to add captions to the carousel.

Sunrise above a beach

You've probably heard that opposites attract. The same is true for fonts. Don't be afraid to combine font styles that are different but complementary.

Working from home little spot

Consistency piques people’s interest is that it has become more and more popular over the years, which is excellent.

Dramatic clouds at the Golden Gate Bridge

Increase or decrease the letter spacing depending on the situation and try, try again until it looks right, and each letter.

PreviousNext

Use carousel-fade class to the carousel to animate slides with a fade transition instead of a slide.

PreviousNext

Use data-bs-interval=" " to a carousel-item to change the amount of time to delay between automatically cycling to the next item.

PreviousNext

Carousels support swiping left/right on touchscreen devices to move between slides. This can be disabled using the data-bs-touch attribute. The example below also does not include thedata-bs-ride attribute and has data-bs-interval="false" so it doesn’t autoplay.

PreviousNext

Use carousel-dark class to the carousel for darker controls, indicators, and captions.

Drawing a sketch

Too much or too little spacing, as in the example below, can make things unpleasant for the reader.

Blue clock on a pastel background

In some designs, you might adjust your tracking to create a certain artistic effect asked them what graphic design tips they live.

Working at a coffee shop

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.

PreviousNext