Home
Blog
Extensiones
Plantillas
Converter
LayoutIt Constructor Bootstrap
Layout
It!
Bootstrap 5 Builder
β Edit
π Preview
β© Undo
βͺ Redo
β¬ HTML
π Copy
π Clear
π 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
Format
EstΓ‘ aquΓ:
Inicio
×
Home
Test para la herramientas
Β
Β
El Bosque
Naturaleza impactante
Saber mΓ‘s