Bootstrap Makers/Tools
|
Buttons
|
Tables
|
Modal
|
Carousel
|
Dropdown
|
Accordion
|
Badges
|
Other Tools
Popovers
Breadcrumbs
Progress
Alerts
Tooltips
Spinner
Pagination
Range
Floating Labels
Text Styles
Link Maker
|
About
Bootstrap 5 Text Maker Tool
Text Size
Extra Large (fs-1)
Large (fs-2)
Medium (fs-3)
Small (fs-4)
Smaller (fs-5)
Smallest (fs-6)
Text Font
Arial
Verdana
Times New Roman
Georgia
Tahoma
Courier New
Lucida Console
Trebuchet MS
Impact
Comic Sans MS
Roboto
Open Sans
Lato
Montserrat
Oswald
Poppins
Raleway
Merriweather
Ubuntu
Noto Sans
Text Color
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Body
Muted
Font Weight
Light
Normal
Bold
Text Margin
m-0
m-1
m-2
m-3
m-4
m-5
Text Padding
p-0
p-1
p-2
p-3
p-4
p-5
Text Alignment
None
Start
Center
End
Text Wrapping & Overflow
None
Wrap
No Wrap
Truncate
Text Transform
None
Lowercase
Uppercase
Capitalize
Font Italics
None
Italic
Line Height
Default
1
Small
Base
Large
Text Decoration
None
Underline
Line Through
None
Text Type
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
Div
Span
Your Text
Sample Text
Update Preview
Preview:
Sample Text
Generated Code:
<h1 class="fs-1 text-primary fw-bold m-3 p-3" style="font-family: Arial;">Sample Text</h1>
Copy Code
FAQs
Text Size:
Adjust the size of the text using Bootstrap classes.
Text Font:
Select from 20 font families to style your text.
Text Color:
Choose from Bootstrap contextual color classes.
Font Weight:
Set the font weight (light, normal, or bold).
Text Margin:
Add margin around your text using Bootstrap spacing utilities.
Text Padding:
Add padding inside your text container using Bootstrap spacing utilities.
Text Alignment:
Align the text to start, center, or end using Bootstrap utilities.
Text Wrapping & Overflow:
Control text wrapping and truncation behavior.
Text Transform:
Apply text transformations like uppercase, lowercase, or capitalize.
Font Italics:
Enable or disable italic styling for the text.
Line Height:
Adjust the line height of your text.
Text Decoration:
Apply underline, line-through, or no decoration styles to your text.
Text Type:
Define your text as a heading, paragraph, div, or span.