Does bootstrap 4 have a built in horizontal divider?

HTML already has a built-in horizontal divider called <hr/> (short for “horizontal rule”). Bootstrap styles it like this:

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<p>
   Some text
   <hr/>
   More text
</p>

Related Posts:

  1. Bootstrap 4 Sticky Footer Not Sticking
  2. Bootstrap 4 images thumbnail classes
  3. Open source social media icons to download and use on website? [closed]
  4. CSS calc width and height values
  5. Center image using text-align center?
  6. See answer keys in Google Form (quiz) source page?
  7. CSS Background Opacity [duplicate]
  8. CSS Background Opacity [duplicate]
  9. Why does z-index not work?
  10. Center image horizontally within a div
  11. Failed to load resource: the server responded with a status of 404 (Not Found) css
  12. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  13. Transparent CSS background color
  14. Set cookie and get cookie with JavaScript
  15. Prevent line-break of span element
  16. How to align iframe always in the center
  17. How do I auto-resize an image to fit a ‘div’ container?
  18. Expected RBRACE, but the bracket is there?
  19. How to make an image center (vertically & horizontally) inside a bigger div
  20. How to center text with Markdown?
  21. Set the table column width constant regardless of the amount of text in its cells?
  22. CSS `height: calc(100vh);` Vs `height: 100vh;`
  23. CSS Display an Image Resized and Cropped
  24. Disable Scrolling on Body
  25. Darken CSS background image?
  26. How do I make a placeholder for a ‘select’ box?
  27. CSS no text wrap
  28. Responsive image map
  29. How to wrap text around an image using HTML/CSS
  30. How to change css property using javascript
  31. How to make a whole ‘div’ clickable in html and css without JavaScript?
  32. How (and why) to use display: table-cell (CSS)
  33. Vertical Text Direction
  34. Disable Scrolling on Body
  35. CSS Background Image Not Displaying
  36. How to darken a CSS background image?
  37. Changing image sizes proportionally using CSS
  38. How can I create a marquee effect?
  39. How to give the background-image path in CSS?
  40. How can I make a CSS glass/blur effect work for an overlay?
  41. How to overlay image with color in CSS?
  42. CSS Background image not loading
  43. Outline radius?
  44. Maintain the aspect ratio of a div with CSS
  45. What is the difference between id and class in CSS, and when should I use them?
  46. How to set Helvetica font?
  47. Indent starting from the second line of a paragraph with CSS
  48. CSS Background Image Not Displaying
  49. jQuery.addClass not working
  50. what’s the easiest way to put space between 2 side-by-side buttons in asp.net
  51. Vertically centering a div inside another div
  52. CSS list-style-image size
  53. html not linking css
  54. Removing border from table cells
  55. How to display hr horizontally with flex?
  56. Why doesn’t height: 100% work to expand divs to the screen height?
  57. How can I position my div at the bottom of its container?
  58. Why doesn’t height: 100% work to expand divs to the screen height?
  59. How can I position my div at the bottom of its container?
  60. How can I override Bootstrap CSS styles?
  61. How to overlay one div over another div
  62. How to get CSS to select ID that begins with a string (not in Javascript)?
  63. Styling an input type=”file” button
  64. How to stick footer to bottom (not fixed) even with scrolling
  65. Setting table row height
  66. How do I disable the resizable property of a textarea?
  67. How to change the background-color of jumbrotron?
  68. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  69. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  70. Place input box at the center of div
  71. How to display a gif fullscreen for a webpage background?
  72. Padding a table row
  73. vertical-align with Bootstrap 3
  74. How do I align in my image to move it vertically up?(CSS,HTML)?
  75. how to do a line break in Bootstrap 3.3.7
  76. How to align 3 divs (left/center/right) inside another div?
  77. Vertical align not working on inline-block
  78. Bootstrap Columns Not Working
  79. How to center an unordered list?
  80. Align an element to bottom with flexbox
  81. How can I change the thickness of my
    tag
  82. How to make div appear in front of another?
  83. PHP Include Nav-bar For Every Page Techniques?
  84. Vertically align text next to an image?
  85. How to create spoiler text?
  86. How do I center text in a span?
  87. text-align justify not working
  88. HTML not loading CSS file
  89. How can I center my ul li list in css?
  90. CSS !important not working
  91. Best way to center a
  92. How to make a div 100% height of the browser window
  93. How to resize an image to fit in the browser window?
  94. How to make a DIV not wrap?
  95. HTML / CSS table with GRIDLINES
  96. CSS: Background image and padding
  97. Layout a flex box similar to a table?
  98. How do I clear the content of a div using JavaScript?
  99. Style the last element having a specific class [closed]
  100. How can I insert a disclaimer in a WordPress site?

Leave a Comment