hr size bootstrap code example

Example 1: how to change the color of the hr tag in html

<style>       
    hr{
        height: 1px;
        background-color: #ccc;
        border: none;
    }
</style>

Example 2: how to make hr class bootstrap full width

/* It is done with the <hr> tag. Then you need to give it a class name, and adjust the margin accordingly. See below for an example. 
  */

.solid {
  margin: 0 -15px;
  border: 0;
  border-top: 1px solid #c9c7c7;
}

Example 3: make bigger in boootstrap

<hr style="height:1px;border:none;color:#333;background-color:#333;" />

Example 4: horizontal line html

<!-- code -->

<hr>

<!-- code -->