How to write split lines on bootstrap

There are two ways to create a Bootstrap split line: using tags, you can create a horizontal split line. Use the CSS border property to create custom style split lines.

Two ways to create split lines in Bootstrap

1. Use the <hr> tag

The <hr> tag is the easiest way to create a horizontal split line in the document. You can use class attribute to style the split line, for example:

 <code class="html"><hr class="my-5"></code>

This adds 5 units (rem) of upper and lower margins between the split line and the text.

2. Use the CSS border attribute

Another way is to create a split line using the CSS border property. You can apply border-top attribute to a container or element as follows:

 <code class="css">.divider { border-top: 1px solid #ccc; margin: 1rem 0; }</code>

This creates a 1px wide horizontal split line with a color #ccc and uses margin property to add margins between the split line and text.

The above is the detailed content of How to write split lines on bootstrap. For more information, please follow other related articles on the PHP Chinese website!