| 12 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0de2d9"],{8517:function(t,s,a){"use strict";a.r(s);var e=function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},i=[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("div",{staticClass:"card"},[a("div",{staticClass:"card-header"},[t._v(" Headings ")]),a("div",{staticClass:"card-body"},[a("p",[t._v("Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.")]),a("table",{staticClass:"table"},[a("thead",[a("tr",[a("th",[t._v("Heading")]),a("th",[t._v("Example")])])]),a("tbody",[a("tr",[a("td",[a("p",[a("code",{staticClass:"highlighter-rouge"},[t._v(" <h1></h1> ")])])]),a("td",[a("span",{staticClass:"h1"},[t._v("h1. Bootstrap heading")])])]),a("tr",[a("td",[a("p",[a("code",{staticClass:"highlighter-rouge"},[t._v(" <h2></h2> ")])])]),a("td",[a("span",{staticClass:"h2"},[t._v("h2. Bootstrap heading")])])]),a("tr",[a("td",[a("p",[a("code",{staticClass:"highlighter-rouge"},[t._v(" <h3></h3> ")])])]),a("td",[a("span",{staticClass:"h3"},[t._v("h3. Bootstrap heading")])])]),a("tr",[a("td",[a("p",[a("code",{staticClass:"highlighter-rouge"},[t._v(" <h4></h4> ")])])]),a("td",[a("span",{staticClass:"h4"},[t._v("h4. Bootstrap heading")])])]),a("tr",[a("td",[a("p",[a("code",{staticClass:"highlighter-rouge"},[t._v(" <h5></h5> ")])])]),a("td",[a("span",{staticClass:"h5"},[t._v("h5. Bootstrap heading")])])]),a("tr",[a("td",[a("p",[a("code",{staticClass:"highlighter-rouge"},[t._v(" <h6></h6> ")])])]),a("td",[a("span",{staticClass:"h6"},[t._v("h6. Bootstrap heading")])])])])])])]),a("div",{staticClass:"card"},[a("div",{staticClass:"card-header"},[t._v(" Headings ")]),a("div",{staticClass:"card-body"},[a("p",[a("code",{staticClass:"highlighter-rouge"},[t._v(".h1")]),t._v(" through "),a("code",{staticClass:"highlighter-rouge"},[t._v(".h6")]),t._v(" classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element. ")]),a("div",{staticClass:"bd-example"},[a("p",{staticClass:"h1"},[t._v("h1. Bootstrap heading")]),a("p",{staticClass:"h2"},[t._v("h2. Bootstrap heading")]),a("p",{staticClass:"h3"},[t._v("h3. Bootstrap heading")]),a("p",{staticClass:"h4"},[t._v("h4. Bootstrap heading")]),a("p",{staticClass:"h5"},[t._v("h5. Bootstrap heading")]),a("p",{staticClass:"h6"},[t._v("h6. Bootstrap heading")])])])]),a("div",{staticClass:"card"},[a("div",{staticClass:"card-header"},[t._v(" Display headings ")]),a("div",{staticClass:"card-body"},[a("p",[t._v(" 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 "),a("strong",[t._v("display heading")]),t._v("—a larger, slightly more opinionated heading style. ")]),a("div",{staticClass:"bd-example bd-example-type"},[a("table",{staticClass:"table"},[a("tbody",[a("tr",[a("td",[a("span",{staticClass:"display-1"},[t._v("Display 1")])])]),a("tr",[a("td",[a("span",{staticClass:"display-2"},[t._v("Display 2")])])]),a("tr",[a("td",[a("span",{staticClass:"display-3"},[t._v("Display 3")])])]),a("tr",[a("td",[a("span",{staticClass:"display-4"},[t._v("Display 4")])])])])])])])]),a("div",{staticClass:"card"},[a("div",{staticClass:"card-header"},[t._v(" Inline text elements ")]),a("div",{staticClass:"card-body"},[a("p",[t._v(" 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 "),a("strong",[t._v("display heading")]),t._v("—a larger, slightly more opinionated heading style. ")]),a("div",{staticClass:"bd-example"},[a("p",[t._v("You can use the mark tag to "),a("mark",[t._v("highlight")]),t._v(" text.")]),a("p",[a("del",[t._v(" This line of text is meant to be treated as deleted text. ")])]),a("p",[a("s",[t._v(" This line of text is meant to be treated as no longer accurate. ")])]),a("p",[a("ins",[t._v(" This line of text is meant to be treated as an addition to the document. ")])]),a("p",[a("u",[t._v("This line of text will render as underlined")])]),a("p",[a("small",[t._v(" This line of text is meant to be treated as fine print. ")])]),a("p",[a("strong",[t._v("This line rendered as bold text.")])]),a("p",[a("em",[t._v("This line rendered as italicized text.")])])])])]),a("div",{staticClass:"card"},[a("div",{staticClass:"card-header"},[t._v(" Description list alignment ")]),a("div",{staticClass:"card-body"},[a("p",[t._v(" Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a "),a("code",{staticClass:"highlighter-rouge"},[t._v(".text-truncate")]),t._v(" class to truncate the text with an ellipsis. ")]),a("div",{staticClass:"bd-example"},[a("dl",{staticClass:"row"},[a("dt",{staticClass:"col-sm-3"},[t._v("Description lists")]),a("dd",{staticClass:"col-sm-9"},[t._v(" A description list is perfect for defining terms. ")]),a("dt",{staticClass:"col-sm-3"},[t._v("Euismod")]),a("dd",{staticClass:"col-sm-9"},[a("p",[t._v("Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.")]),a("p",[t._v("Donec id elit non mi porta gravida at eget metus.")])]),a("dt",{staticClass:"col-sm-3"},[t._v("Malesuada porta")]),a("dd",{staticClass:"col-sm-9"},[t._v(" Etiam porta sem malesuada magna mollis euismod. ")]),a("dt",{staticClass:"col-sm-3 text-truncate"},[t._v("Truncated term is truncated")]),a("dd",{staticClass:"col-sm-9"},[t._v(" Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. ")]),a("dt",{staticClass:"col-sm-3"},[t._v("Nesting")]),a("dd",{staticClass:"col-sm-9"},[a("dl",{staticClass:"row"},[a("dt",{staticClass:"col-sm-4"},[t._v("Nested definition list")]),a("dd",{staticClass:"col-sm-8"},[t._v(" Aenean posuere, tortor sed cursus feugiat, nunc augue nunc. ")])])])])])])])])}],d={name:"Typography"},l=d,o=a("2877"),n=Object(o["a"])(l,e,i,!1,null,null,null);s["default"]=n.exports}}]);
- //# sourceMappingURL=chunk-2d0de2d9.29f2ef48.js.map
|
