71 lines
2.1 KiB
Plaintext
71 lines
2.1 KiB
Plaintext
|
|
# 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
|
|
|