LayoutIt Constructor Bootstrap

📐 Grid / Layout ▾
Container
Row 2 cols (6+6)
Row 3 cols (4+4+4)
Row 4 cols (3+3+3+3)
Sidebar (3+9)
Sidebar right (9+3)
Two thirds (8+4)
Responsive (sm)
🔤 Typography ▾
Heading H1
Heading H2
Heading H3
Heading H4
Display 1
Display 4
Lead Paragraph
Paragraph
Text Muted
Blockquote
Code inline
Code block
Mark highlight
Small text
Horizontal rule
Ordered List
Unordered List
Description list
🧩 BS5 Components ▾
Button Primary
Button Secondary
Button Success
Button Danger
Button Outline
Button Group
Button sizes
Alert Info
Alert Success
Alert Warning
Alert Danger
Alert Dismissible
Badge
Card basic
Card with image
Card with header/footer
Card horizontal
Card group (3)
List Group
List Group numbered
Breadcrumb
Pagination
Progress Bar
Spinner
Dropdown
Tabs
Pills Nav
Accordion
Tooltip button
Popover button
Modal trigger
Offcanvas
Toast example
Navbar light
Navbar dark
Carousel
📝 Forms ▾
Text input
Email input
Password
Textarea
Select
Multi select
Checkbox
Radio buttons
Switch toggle
Range slider
File input
Input group @
Input group URL
Input group button
Floating label
Validation state
Complete form
📊 Tables ▾
Basic table
Striped table
Bordered table
Small compact table
🖼 Images & Media ▾
Image fluid
Image thumbnail
Image rounded circle
Image gallery (3)
Figure + caption
Embed YouTube
Embed Google Maps
Avatar group
🏗 Page Sections ▾
Hero / Jumbotron
Hero dark gradient
Feature 3-col
Pricing cards
Team cards
Footer
Stats counters
Testimonial
Canvas 0 blocks
📐

Drop components here

Drag any element from the left sidebar
to start building your layout

💻 Generated HTML

×

Home

Test para la herramientas

 
 

El Bosque

Naturaleza impactante