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