Basic block

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

   <p>Sample text here...</p>

Prettify

To add colored syntax highlight to the <pre> tag, then use the .prettyprint class or the .prettyprint linenums class.

<?php /** Begin Debug **/ if ($yt->countModules('debug')) : ?>
    <div id="yt-debug">
        <div class="yt-container">
            <php echo $yt->displayModules('debug','standard'); ?>
            <div class="clear"></div>
        </div>
    </div>
<?php /** End Debug **/ endif; ?>

<?php /** Begin Debug **/ if ($yt->countModules('debug')) : ?>
    <div id="yt-debug">
        <div class="yt-container">
            <php echo $yt->displayModules('debug','standard'); ?>
            <div class="clear"></div>
        </div>
    </div>
<?php /** End Debug **/ endif; ?><

Default blockquote

Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. </p>
</blockquote>

Blockquote options

Style and content changes for simple variations on a standard blockquote.

Naming a source

Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. </p>
    <small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>

<blockquote class="yt-blockquote2">
    Lorem ipsum dolor amet, consectetur adipiscing...
</blockquote>
<span class="icon-user">
    Someone famous Source Title
</span>

<ul class="ytBullet3">
   <li>...</li>
</ul>

<ul class="ytCircle1">
   <li><span>...</span></li>
</ul>

<ul class="ytSquare1">
   <li><span>...</span></li>
</ul>

<ul class="ytCircle2">
   <li>...</li>
</ul>

<ul class="ytSquare2">
   <li>...</li>
</ul>

<ul class="ytDec">
   <li>...</li>
</ul>

<ul class="ytAlpha">
   <li>...</li>
</ul>

<ul class="ytnumblocks2">
   <li>...</li>
</ul>

<ul class="ytnumblocks3">
   <li>...</li>
</ul>

Optional classes

Add any of the following classes to the .table base class.

.table-striped

<table class="table table-striped">
    …
</table>

Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).

.table-hover

Enable a hover state on table rows within a <tbody>.

<table class="table table-hover">
    …
</table>

.table-condensed

Makes tables more compact by cutting cell padding in half.

<table class="table table-condensed">
    …
</table>