Bootstrap implementing a go-to-point list, inline list, horizontal definition list

Inline list: By adding the class name ". List-inline" To implement the inline list, the simple point is to change the vertical list to a horizontal list , and remove the Bullets (numbering)to maintain the horizontal display .

Go to the list: by adding a class name of ". list-unstyled" to the unordered list, you can remove the default style of the list style

Horizontal definition list: Give <dl> Add Class name ". Dl-horizontal" to the definition list for horizontal display effect

Note: Adding the class name ". Dl-horizontal" only has a horizontal definition list effect when the screen is larger than 768px . When you zoom out of your browser screen, the level definition list will revert back to the original state.

Bootstrap implementing a go-to-point list, inline list, horizontal definition list