
# Content Typography
# Text Muted - Bootstrap 4
snippet texm
<small class="text-muted">$1</small>
endsnippet
# Display Heading - Bootstrap 4
snippet dih
<h1 class="display-${1:1|2|3|4}">$2</h1>
endsnippet
# Lead - Bootstrap 4
snippet lead
<p class="lead">
    ${1:Lorem ipsum dolor sit amet, consectetur adipisicing elit. Integer posuere erat a ante.}
</p>'
endsnippet

# Blockquotes - Bootstrap 4
snippet blo
<blockquote class="blockquote">
    <p>${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}</p>
    <footer>${2:Someone famous in} <cite title="${3:Source Title}">${3:Source Title}</cite></footer>
</blockquote>
endsnippet

# Blockquotes Reverse - Bootstrap 4
snippet blor
<blockquote class="blockquote blockquote-reverse">
    <p>${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}</p>
    <footer>${2:Someone famous in} <cite title="${3:Source Title}">${3:Source Title}</cite></footer>
</blockquote>
endsnippet

# List Unstyled - Bootstrap 4
snippet lisun
<ul class="list-unstyled">
    <li>$1</li>
    <li>$2</li>
    <li>$3</li>
</ul>
endsnippet

# List Inline - Bootstrap 4
snippet lisin
<ul class="list-inline">
    <li>$1</li>
    <li>$2</li>
    <li>$3</li>
</ul>
endsnippet

# Horizontal Description - Bootstrap 4
snippet desho
<dt class="col-sm-3">${1:Description lists}</dt>
<dl class="dl-horizontal">
    <dd class="col-sm-9">${2:A description list is perfect for defining terms.}</dd>

    <dt class="col-sm-3">${3:Euismod}</dt>
    <dd class="col-sm-9">${4:Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.}</dd>

    <dd class="col-sm-9 col-sm-offset-3">${5:Donec id elit non mi porta gravida at eget metus.}</dd>

    <dt class="col-sm-3">${6:Malesuada porta}</dt>
    <dd class="col-sm-9">${7:Etiam porta sem malesuada magna mollis euismod.}</dd>

    <dt class="col-sm-3 text-truncate">${8:Truncated term is truncated}</dt>
    <dd class="col-sm-9">${9:Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.}</dd>
</dl>
endsnippet

