56 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse 57 | eros felis, tincidunt a tincidunt eget, convallis vel est. Ut pellentesque 58 | ut lacus vel interdum. 59 |
60 |
65 | Slide #: {{ slide }}
66 | Sliding: {{ sliding }}
67 |
Collapse contents Here
22 |v-b-toggle
directive
37 | visibility
62 | v-model
79 | accordion
support
128 |
137 | I start opened because visible
is true
138 |
140 | {{ text }} 141 |
142 |152 | {{ text }} 153 |
154 |164 | {{ text }} 165 |
166 |For more information visit website
20 |44 | It uses utility classes for typography and spacing to space content 45 | out within the larger container. 46 |
47 |74 | It uses utility classes for typography and spacing to space content 75 | out within the larger container. 76 |
77 |174 | Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex 175 | nulla tempor. Laborum consequat non elit enim exercitation cillum aliqua 176 | consequat id aliqua. Esse ex consectetur mollit voluptate est in duis laboris 177 | ad sit ipsum anim Lorem. 178 |
179 |212 | Donec id elit non mi porta gravida at eget metus. Maecenas 213 | sed diam eget risus varius blandit. 214 |
215 | Donec id elit non mi porta. 216 |223 | Donec id elit non mi porta gravida at eget metus. Maecenas 224 | sed diam eget risus varius blandit. 225 |
226 | Donec id elit non mi porta. 227 |234 | Donec id elit non mi porta gravida at eget metus. Maecenas 235 | sed diam eget risus varius blandit. 236 |
237 | Donec id elit non mi porta. 238 |v-b-popover
directive
152 | v-b-tooltip
directive
9 | b-tooltip
component
36 | show
prop
59 | open close
events
75 | enable disable
events
95 | variant
181 | .alert-link
to provide links
36 | 77 | Aww yeah, you successfully read this important alert message. 78 | This example text is going to run a bit longer so that you can see 79 | how spacing within an alert works with this kind of content. 80 |
81 |83 | Whenever you need to, be sure to use margin utilities to keep things nice and tidy. 84 |
85 |Sign In to your account
12 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
36 |The page you are looking for was not found.
10 |The page you are looking for is temporarily unavailable.
10 |Create your account
11 |HEX: | 6 |{{this.hexColor}} | 7 |
RGB: | 10 |{{this.bgColor}} | 11 |
Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.
9 |Heading | 13 |Example | 14 |
---|---|
19 |
|
21 | h1. Bootstrap heading | 22 |
25 |
|
27 | h2. Bootstrap heading | 28 |
31 |
|
33 | h3. Bootstrap heading | 34 |
37 |
|
39 | h4. Bootstrap heading | 40 |
43 |
|
45 | h5. Bootstrap heading | 46 |
49 |
|
51 | h6. Bootstrap heading | 52 |
.h1
through .h6
classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
h1. Bootstrap heading
65 |h2. Bootstrap heading
66 |h3. Bootstrap heading
67 |h4. Bootstrap heading
68 |h5. Bootstrap heading
69 |h6. Bootstrap heading
70 |Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
79 |Display 1 | 84 |
Display 2 | 87 |
Display 3 | 90 |
Display 4 | 93 |
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
105 |You can use the mark tag to highlight text.
107 |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.
110 |This line of text will render as underlined
111 |This line of text is meant to be treated as fine print.
112 |This line rendered as bold text.
113 |This line rendered as italicized text.
114 |Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a .text-truncate
class to truncate the text with an ellipsis.
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
131 |Donec id elit non mi porta gravida at eget metus.
132 |