http://x.9tripod.com/wiki/zh/index.php?action=history&feed=atom&title=BootStrap_Typography 2026-04-19T21:13:00Z 本wiki的该页面的版本历史 MediaWiki 1.28.0 http://x.9tripod.com/wiki/zh/index.php?title=BootStrap_Typography&diff=198&oldid=prev 2016-12-07T10:45:44Z

<p>创建页面，内容为“__NOTOC__ &lt;div class=&quot;col-md-4 pull-right&quot;&gt; &lt;div class=&quot;panel panel-primary-light-border&quot;&gt; &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Font Colours&lt;/h3&gt; &lt;/...”</p> <p><b>新页面</b></p><div>__NOTOC__<br /> &lt;div class=&quot;col-md-4 pull-right&quot;&gt; <br /> &lt;div class=&quot;panel panel-primary-light-border&quot;&gt; <br /> &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Font Colours&lt;/h3&gt; &lt;/div&gt; <br /> &lt;div class=&quot;panel-body&quot;&gt;<br /> &lt;p&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-primary&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-success&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-info&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-warning&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-danger&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-cyanide&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-meadow&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-cocktail&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-hearts&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-party&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;/div&gt; <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;col-md-8 pull-left&quot;&gt; <br /> &lt;div class=&quot;panel panel-primary-light-border&quot;&gt;<br /> &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Font Colour Mark up&lt;/h3&gt; &lt;/div&gt; <br /> &lt;div class=&quot;panel-body&quot;&gt;<br /> &lt;div class=&quot;bs-example&quot;&gt;<br /> &lt;p&gt;As with most of the styles, colours can be applied to fonts too.&lt;/p&gt;<br /> &lt;pre&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-primary&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-success&quot;&gt;Nullam id dolor id nibh ultricies vehicula..&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-info&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-warning&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-danger&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-cyanide&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-meadow&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-cocktail&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-hearts&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-party&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-hollow&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-mango&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-berry&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-primary&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;/pre&gt;<br /> &lt;/div&gt; <br /> &lt;/div&gt; <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;column clearfix&quot;&gt; <br /> &lt;div class=&quot;col-md-12&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt; <br /> &lt;div class=&quot;column clearfix&quot;&gt; <br /> &lt;div class=&quot;col-md-4 pull-right&quot;&gt; <br /> &lt;div class=&quot;panel panel-primary-light-border&quot;&gt;<br /> &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Highlighting&lt;/h3&gt; &lt;/div&gt; <br /> &lt;div class=&quot;panel-body&quot;&gt;<br /> &lt;p&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-primary-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-success-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-info-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-warning-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-danger-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-cyanide-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-meadow-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-cocktail-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-hearts-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-party-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;/div&gt; <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;col-md-8 pull-left&quot;&gt; <br /> &lt;div class=&quot;panel panel-primary-light-border&quot;&gt;<br /> &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Highlight Mark up&lt;/h3&gt; &lt;/div&gt; <br /> &lt;div class=&quot;panel-body&quot;&gt;<br /> &lt;pre&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-primary-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-success-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-info-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-warning-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-danger-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-cyanide-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-meadow-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-cocktail-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-hearts-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-party-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-midnight-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-concrete-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-hollow-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-mango-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-berry-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;div class=&quot;text-primary-alt&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/div&gt;&lt;/p&gt;<br /> &lt;/pre&gt;<br /> &lt;/div&gt; <br /> &lt;/div&gt; <br /> &lt;/div&gt;<br /> &lt;div class=&quot;column clearfix&quot;&gt; <br /> &lt;div class=&quot;col-md-12&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt; <br /> &lt;div class=&quot;column clearfix&quot;&gt; <br /> &lt;div class=&quot;col-md-4 pull-right&quot;&gt; <br /> &lt;div class=&quot;panel panel-primary-light-border&quot;&gt; <br /> &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Contextual&lt;/h3&gt; &lt;/div&gt; <br /> &lt;div class=&quot;panel-body&quot;&gt;<br /> &lt;p&gt;&lt;/p&gt;<br /> &lt;p class=&quot;bg-primary&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-dark&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-darker&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-light&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-lighter&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-danger&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-cyanide&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt; <br /> &lt;/div&gt;<br /> &lt;div class=&quot;col-md-8 pull-left&quot;&gt; <br /> &lt;div class=&quot;panel panel-primary-light-border&quot;&gt; <br /> &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Contextual Mark up&lt;/h3&gt; &lt;/div&gt; <br /> &lt;div class=&quot;panel-body&quot;&gt;<br /> &lt;pre&gt;<br /> &lt;p class=&quot;bg-primary&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-dark&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-darker&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-light&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-lighter&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-neutral&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-success&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-info&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-warning&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-danger&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-cyanide&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-meadow&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-cocktail&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-mango&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-berry&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-primary&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-hearts&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-party&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-midnight&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-concrete&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-gunmetal&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;p class=&quot;bg-hollow&quot;&gt;Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;<br /> &lt;/pre&gt;<br /> &lt;/div&gt; <br /> &lt;/div&gt; <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;column clearfix&quot;&gt; <br /> &lt;div class=&quot;col-md-12&quot;&gt; <br /> &lt;div class=&quot;panel panel-primary-light-border&quot;&gt; <br /> &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Header Styles&lt;/h3&gt; &lt;/div&gt; <br /> &lt;div class=&quot;panel-body&quot;&gt;<br /> &lt;div class=&quot;col-md-4&quot;&gt;<br /> &lt;div class=&quot;bs-example&quot;&gt;<br /> &lt;pre&gt;&lt;h1 class=&quot;mwbs-color-default&quot;&gt;&lt;/h1&gt;&lt;/pre&gt;<br /> &lt;h1 class=&quot;mwbs-color-default&quot;&gt;H1 Default&lt;/h1&gt;<br /> &lt;h2 class=&quot;mwbs-color-default&quot;&gt;H2 Default&lt;/h2&gt;<br /> &lt;h3 class=&quot;mwbs-color-default&quot;&gt;H3 Default&lt;/h3&gt;<br /> &lt;h4 class=&quot;mwbs-color-default&quot;&gt;H4 Default&lt;/h4&gt;<br /> &lt;h5 class=&quot;mwbs-color-default&quot;&gt;H5 Default&lt;/h5&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;col-md-4&quot;&gt;<br /> &lt;div class=&quot;bs-example&quot;&gt;<br /> &lt;pre&gt;&lt;h1 class=&quot;mwbs-color-dark&quot;&gt;&lt;/h1&gt;&lt;/pre&gt;<br /> &lt;h1 class=&quot;mwbs-color-dark&quot;&gt;H1 Dark&lt;/h1&gt;<br /> &lt;h2 class=&quot;mwbs-color-dark&quot;&gt;H2 Dark&lt;/h2&gt;<br /> &lt;h3 class=&quot;mwbs-color-dark&quot;&gt;H3 Dark&lt;/h3&gt;<br /> &lt;h4 class=&quot;mwbs-color-dark&quot;&gt;H4 Dark&lt;/h4&gt;<br /> &lt;h5 class=&quot;mwbs-color-dark&quot;&gt;H5 Dark&lt;/h5&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;col-md-4&quot;&gt;<br /> &lt;div class=&quot;bs-example&quot;&gt;<br /> &lt;pre&gt;&lt;h1 class=&quot;mwbs-color-light&quot;&gt;&lt;/h1&gt;&lt;/pre&gt;<br /> &lt;h1 class=&quot;mwbs-color-light&quot;&gt;H1 Light&lt;/h1&gt;<br /> &lt;h2 class=&quot;mwbs-color-light&quot;&gt;H2 Light&lt;/h2&gt;<br /> &lt;h3 class=&quot;mwbs-color-light&quot;&gt;H3 Light&lt;/h3&gt;<br /> &lt;h4 class=&quot;mwbs-color-light&quot;&gt;H4 Light&lt;/h4&gt;<br /> &lt;h5 class=&quot;mwbs-color-light&quot;&gt;H5 Light&lt;/h5&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;col-md-4&quot;&gt;<br /> &lt;div class=&quot;bs-example&quot;&gt;<br /> &lt;pre&gt;&lt;h1 class=&quot;mwbs-font-100&quot;&gt;&lt;/h1&gt;&lt;/pre&gt;<br /> &lt;h1 class=&quot;mwbs-font-100&quot;&gt;H1 Font 100&lt;/h1&gt;<br /> &lt;h2 class=&quot;mwbs-font-100&quot;&gt;H2 Font 100&lt;/h2&gt;<br /> &lt;h3 class=&quot;mwbs-font-100&quot;&gt;H3 Font 100&lt;/h3&gt;<br /> &lt;h4 class=&quot;mwbs-font-100&quot;&gt;H4 Font 100&lt;/h4&gt;<br /> &lt;h5 class=&quot;mwbs-font-100&quot;&gt;H5 Font 100&lt;/h5&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;col-md-4&quot;&gt;<br /> &lt;div class=&quot;bs-example&quot;&gt;<br /> &lt;pre&gt;&lt;h1 class=&quot;mwbs-font-300&quot;&gt;&lt;/h1&gt;&lt;/pre&gt;<br /> &lt;h1 class=&quot;mwbs-font-300&quot;&gt;H1 Font 300&lt;/h1&gt;<br /> &lt;h2 class=&quot;mwbs-font-300&quot;&gt;H2 Font 300&lt;/h2&gt;<br /> &lt;h3 class=&quot;mwbs-font-300&quot;&gt;H3 Font 300&lt;/h3&gt;<br /> &lt;h4 class=&quot;mwbs-font-300&quot;&gt;H4 Font 300&lt;/h4&gt;<br /> &lt;h5 class=&quot;mwbs-font-300&quot;&gt;H5 Font 300&lt;/h5&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;col-md-4&quot;&gt;<br /> &lt;div class=&quot;bs-example&quot;&gt;<br /> &lt;pre&gt;&lt;h1 class=&quot;mwbs-font-700&quot;&gt;&lt;/h1&gt;&lt;/pre&gt;<br /> &lt;h1 class=&quot;mwbs-font-700&quot;&gt;H1 Font 700&lt;/h1&gt;<br /> &lt;h2 class=&quot;mwbs-font-700&quot;&gt;H2 Font 700&lt;/h2&gt;<br /> &lt;h3 class=&quot;mwbs-font-700&quot;&gt;H3 Font 700&lt;/h3&gt;<br /> &lt;h4 class=&quot;mwbs-font-700&quot;&gt;H4 Font 700&lt;/h4&gt;<br /> &lt;h5 class=&quot;mwbs-font-700&quot;&gt;H5 Font 700&lt;/h5&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt; <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;column clearfix&quot;&gt; <br /> &lt;div class=&quot;col-md-12&quot;&gt; <br /> &lt;div class=&quot;panel panel-primary-light-border&quot;&gt; <br /> &lt;div class=&quot;panel-heading&quot;&gt; &lt;h3 class=&quot;panel-title&quot;&gt;Other Classes&lt;/h3&gt; &lt;/div&gt; <br /> &lt;div class=&quot;panel-body&quot;&gt;<br /> &lt;p class=&quot;lead&quot;&gt;Lead Class&lt;/p&gt;<br /> &lt;p&gt;&lt;mark&gt;highlighted mark class&lt;/mark&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;del&gt;Deleted del class&lt;/del&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;u&gt;Underlined u class&lt;/u&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;small&gt;small class&lt;/small&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;strong&gt;Bold strong text&lt;/strong&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;em&gt;Italic em class&lt;/em&gt;&lt;/p&gt;<br /> &lt;p class=&quot;text-left&quot;&gt;Left aligned text.&lt;/p&gt;<br /> &lt;p class=&quot;text-center&quot;&gt;Center aligned text.&lt;/p&gt;<br /> &lt;p class=&quot;text-right&quot;&gt;Right aligned text.&lt;/p&gt;<br /> &lt;p class=&quot;text-justify&quot;&gt;Justified text.&lt;/p&gt;<br /> &lt;p&gt;&lt;abbr title=&quot;HyperText Markup Language&quot; class=&quot;initialism&quot;&gt;HTML&lt;/abbr&gt;&lt;/p&gt;<br /> &lt;blockquote&gt;&lt;p&gt;blockquote class&lt;/p&gt;&lt;/blockquote&gt;<br /> &lt;pre&gt;<br /> &lt;p class=&quot;lead&quot;&gt;Lead Class&lt;/p&gt;<br /> &lt;p&gt;&lt;mark&gt;highlighted mark class&lt;/mark&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;del&gt;Deleted del class&lt;/del&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;u&gt;Underlined u class&lt;/u&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;small&gt;small class&lt;/small&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;strong&gt;Bold strong text&lt;/strong&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;em&gt;Italic em class&lt;/em&gt;&lt;/p&gt;<br /> &lt;p class=&quot;text-left&quot;&gt;Left aligned text.&lt;/p&gt;<br /> &lt;p class=&quot;text-center&quot;&gt;Center aligned text.&lt;/p&gt;<br /> &lt;p class=&quot;text-right&quot;&gt;Right aligned text.&lt;/p&gt;<br /> &lt;p class=&quot;text-justify&quot;&gt;Justified text.&lt;/p&gt;<br /> &lt;p&gt;&lt;abbr title=&quot;HyperText Markup Language&quot; class=&quot;initialism&quot;&gt;HTML&lt;/abbr&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;blockquote&gt;blockquote class&lt;/blockquote&gt;&lt;/p&gt;<br /> &lt;/pre&gt;<br /> &lt;/div&gt; <br /> &lt;/div&gt; <br /> &lt;/div&gt;</div>

Admin