diff options
| author | Mark Otto <[email protected]> | 2017-05-28 22:50:57 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-05-29 23:32:28 -0700 |
| commit | 3e76d6565603fafa2c85ad81d7b6345c4e279c72 (patch) | |
| tree | fad0aa6a4a70cafb4a803bd920d6ae2fa44dc466 /docs/utilities/borders.md | |
| parent | 32153eb7cba316b873e82cd7b9362c92ca00eddf (diff) | |
| download | bootstrap-3e76d6565603fafa2c85ad81d7b6345c4e279c72.tar.xz bootstrap-3e76d6565603fafa2c85ad81d7b6345c4e279c72.zip | |
Rearrange all the docs to allow for a docs/major.minor/ setup
Diffstat (limited to 'docs/utilities/borders.md')
| -rw-r--r-- | docs/utilities/borders.md | 46 |
1 files changed, 0 insertions, 46 deletions
diff --git a/docs/utilities/borders.md b/docs/utilities/borders.md deleted file mode 100644 index 8bf3f4674..000000000 --- a/docs/utilities/borders.md +++ /dev/null @@ -1,46 +0,0 @@ ---- -layout: docs -title: Borders -description: Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element. -group: utilities -redirect_from: "/utilities/" -toc: true ---- - -## Border - -Add classes to an element to remove all borders or some borders. - -<div class="bd-example-border-utils"> -{% example html %} -<span class="border-0"></span> -<span class="border-top-0"></span> -<span class="border-right-0"></span> -<span class="border-bottom-0"></span> -<span class="border-left-0"></span> -{% endexample %} -</div> - -## Border-radius - -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/75x75" class="rounded-0" alt="Example non-rounded image (overrides rounding applied elsewhere)"> -</div> - -{% highlight html %} -<img src="..." alt="..." class="rounded"> -<img src="..." alt="..." class="rounded-top"> -<img src="..." alt="..." class="rounded-right"> -<img src="..." alt="..." class="rounded-bottom"> -<img src="..." alt="..." class="rounded-left"> -<img src="..." alt="..." class="rounded-circle"> -<img src="..." alt="..." class="rounded-0"> -{% endhighlight %} |