mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00
Code Activity

Replace holder.js with SVGs.

Browse Source
This commit is contained in:
Martijn Cuppens
2018-11-08 19:33:02 +02:00
committed by XhmikosR
parent b04f97f60b
commit 072b5ab7fd
12 changed files with 130 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/docs/4.1/utilities/borders.md
+8 -8
View File
@@ -55,14 +55,14 @@ Change the border color using utilities built on our theme colors.
Add classes to an element to easily round its corners.
<div class="bd-example bd-example-images">
<img data-src="holder.js/75x75" class="rounded" alt="Example rounded image">
<img data-src="holder.js/75x75" class="rounded-top" alt="Example top rounded image">
<img data-src="holder.js/75x75" class="rounded-right" alt="Example right rounded image">
<img data-src="holder.js/75x75" class="rounded-bottom" alt="Example bottom rounded image">
<img data-src="holder.js/75x75" class="rounded-left" alt="Example left rounded image">
<img data-src="holder.js/75x75" class="rounded-circle" alt="Completely round image">
<img data-src="holder.js/150x75" class="rounded-pill" alt="Rounded pill image">
<img data-src="holder.js/75x75" class="rounded-0" alt="Example non-rounded image (overrides rounding applied elsewhere)">
{%- include icons/placeholder.svg width="75" height="75" class="rounded" title="Example rounded image" -%}
{%- include icons/placeholder.svg width="75" height="75" class="rounded-top" title="Example top rounded image" -%}
{%- include icons/placeholder.svg width="75" height="75" class="rounded-right" title="Example right rounded image" -%}
{%- include icons/placeholder.svg width="75" height="75" class="rounded-bottom" title="Example bottom rounded image" -%}
{%- include icons/placeholder.svg width="75" height="75" class="rounded-left" title="Example left rounded image" -%}
{%- include icons/placeholder.svg width="75" height="75" class="rounded-circle" title="Completely round image" -%}
{%- include icons/placeholder.svg width="150" height="75" class="rounded-pill" title="Rounded pill image" -%}
{%- include icons/placeholder.svg width="75" height="75" class="rounded-0" title="Example non-rounded image (overrides rounding applied elsewhere)" -%}
</div>
{% highlight html %}
site/docs/4.1/utilities/sizing.md
+1 -1
View File
@@ -33,7 +33,7 @@ Width and height utilities are generated from the `$sizes` Sass map in `_variabl
You can also use `max-width: 100%;` and `max-height: 100%;` utilities as needed.
{% capture example %}
<img class="mw-100" data-src="holder.js/100px100?text=Max-width%20%3D%20100%25" alt="Max-width 100%">
{% include icons/placeholder.svg width="100%" height="100" class="mw-100" text="Max-width 100%" title="Max-width 100%" %}
{% endcapture %}
{% include example.html content=example %}