How to add a horizontal rule in bootstrap?

Question

I'm trying to add a horizontal rule in-between my divs.

Here is my code.

 Div("Name", css_class='col-sm-12'),
 Div("Address", css_class='col-sm-6'),
 Div("Favorite_Movie", css_class='col-sm-6'),
<hr> <-- Horizontal rule would go here. 

Answer 1

You can work with a HTML object [readthedocs]:

from crispy_forms.layout import Div, HTML

# …

Div('Name', css_class='col-sm-12'),
Div('Address', css_class='col-sm-6'),
Div('Favorite_Movie', css_class='col-sm-6'),
HTML('<hr>')