Get boba!
boba Version 1.7.2
  • Introduction
  • Installation
  • Customize
  • Compatibility
  • Changelog
  • Breakpoints
  • Colors
  • Typography
  • Containers
  • Grid
  • Navbar
  • Sections
  • Sidebar
  • Banners
  • Breadcrumbs
  • Cards
  • Collapsible
  • Messages
  • Notifications
  • Pagination
  • Tabs
  • Tables
  • Blockquotes
  • Buttons
  • Code
  • Counters
  • Descriptions
  • Dividers
  • Labels
  • Lists
  • Progress
  • Checkboxes
  • Inputs
  • Radios
  • Selects
  • Switches
  • Textareas
  • Animations
  • Background
  • Borders
  • Display
  • Flex
  • Images
  • Shadows
  • Shapes
  • Sizing
  • Spacing
  • Text

Elements

Learn how to build your website with boba!

Text Dividers

Break apart sections using the .text-divider class.

H1 Divider

H2 Divider

H3 Divider

H4 Divider

H5 Divider
H6 Divider
Default Divider
<div class="text-divider"><h1>H1 Divider</h1></div>
<div class="text-divider"><h2>H2 Divider</h2></div>
<div class="text-divider"><h3>H3 Divider</h3></div>
<div class="text-divider"><h4>H4 Divider</h4></div>
<div class="text-divider"><h5>H5 Divider</h5></div>
<div class="text-divider"><h6>H6 Divider</h6></div>
<div class="text-divider">Default Divider</div>

Section Dividers

Use hr tags with boba's striking color palette to divide content into sections.
Default
Light
Red
Orange
Yellow
Green
Teal
Blue
Indigo
Purple
Pink
<hr class="green" />