Headings
Use tags h1 through h6 for get desire heading.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Headings with sub-title
Use tags h1 through h6 for get desire heading.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Alignment
Use class .text-left, .text-center, .text-right as needed to change the alignment of your content.
This is left text.
This is center text.
This is right text.
Display Headings
Use class .display-1, .display-2, .display-3, .display-4 for get desire heading.
Display 1
Display 2
Display 3
Display 4
Paragraph with justify
Use tags .text-justify for get desire paragraph.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat earum neque soluta aliquam officia aut modi, autem expedita ut, itaque aliquid eum delectus, pariatur nemo perferendis a facere cupiditate distinctio dicta. Asperiores mollitia numquam laborum ex enim, nostrum, voluptates earum esse quisquam saepe explicabo neque dicta excepturi nesciunt a iste laudantium quibusdam! Amet blanditiis, nihil quo culpa. Ut omnis tempore odio esse quae cupiditate perferendis, eaque! Est corrupti soluta hic ipsum corporis, voluptate, aliquid iusto quaerat praesentium minus repudiandae autem animi quae sunt inventore dignissimos, consequatur perspiciatis repellat magnam dolores quisquam. Est sed necessitatibus esse rem dignissimos ipsam dolore illo commodi repudiandae velit accusantium tempore in maxime delectus dicta consequatur, explicabo distinctio veniam assumenda natus.
Text Colors
Use tags below class for get desire text color.
This is an example of muted text. .text-muted
This is an example of muted text. .text-primary
This is an example of muted text. .text-success
This is an example of muted text. .text-info
This is an example of muted text. .text-warning
This is an example of muted text. .text-danger
Font weight and italics
Use below class .font-weight-bold, .font-weight-normal, .font-weight-italic for get desire text color.
This is bold text.
This is normal text.
This is italic text.
Order Listing
Use below ol.order-listing li for get desire order listing.
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
Unorder Listing
Use below ul.unorder-listing li for get desire order listing.
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
Styling Listing
Use below ul.styling-listing li for get desire order listing.
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
Inline text elements
Styling for common inline HTML5 elements
You can use the mark tag to highlight text.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line of text is meant to be treated as an addition to the document.
This line rendered as italicized text.
Inline Lists
Make lists inline by simplily adding a class list-inline or use u-list-inline class to remove default margin bottom space.
- Home
- About Us
- Our Work
- Services
- Contact Us
Box
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero sed nulla architecto temporibus inventore quam quo odio, dolor. Laborum deleniti cupiditate rerum aliquid delectus consequuntur hic sit atque laudantium modi possimus rem ipsa, ab ea sapiente doloremque sint error neque! Laboriosam doloremque natus inventore harum magnam veritatis, delectus repellat? Sapiente voluptates assumenda fugiat nesciunt natus repellat quos voluptatum, optio ullam, dolore ut praesentium animi exercitationem facilis ab quod perferendis minus provident impedit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates animi dolores porro quos incidunt accusamus laboriosam modi sequi nobis est atque quis voluptatem aliquam, unde id corporis officiis deleniti voluptate error aspernatur iusto! Earum, natus, dignissimos!
Address
Use address tag to cover the address infomration.
Twitter, Inc.
795 Folsom Ave, Suite 600San Francisco, CA 94107
Phone: (123) 456-7700
Fax: (123) 456-7701
Twitter, Inc.
795 Folsom Ave, Suite 600San Francisco, CA 94107
Phone: (123) 456-7700
Fax: (123) 456-7701
Paragraphs
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Nullam id dolor id nibh ultricies vehicula ut id elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
Unordered lists
Just wrap your lists with ul tag for unrdered lists
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem