Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use the bootstrap panel

Shulou Source: shulou.com Published: 2022-06-03 10:56:42 10月05日 Update

This article is about how to use the bootstrap panel. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The panel component is used to insert the DOM component into a box.

To create a basic panel, simply add class .panel and class. Panel-default to the element.

As shown in the following example:

This is a basic panel.

Panel title

We can add panel titles in two ways:

Using the. panel-heading class, you can easily add a title container to the panel

Use the-with A. panel-title class to add a predefined style title.

The following examples demonstrate these two approaches:

Panel title panel without title content panel title panel content with title Thank you for reading! This is the end of the article on "how to use the bootstrap panel". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Tags: Panels titles content examples methods more articles components facets good practical elements can be passed through containers articles styles boxes see knowledge this is Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Apple macOS OPPO Reno Linux vpn