rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add .rounded-0 utility class (#21214)

Browse source 
* Add rounded-0 class
This commit is contained in:
Ken Dale 2016-11-26 19:47:53 -05:00 • committed by Mark Otto
parent 095ea0b795
commit dc52029bea
2 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
docs/utilities/borders.md
View file

@ -25,12 +25,13 @@ Add classes to an element to remove all borders or some borders.
Add classes to an element to easily round its corners.
<div class="bd-example bd-example-images">
<img data-src="holder.js/100x100" class="rounded" alt="Example rounded image">
<img data-src="holder.js/100x100" class="rounded-top" alt="Example top rounded image">
<img data-src="holder.js/100x100" class="rounded-right" alt="Example right rounded image">
<img data-src="holder.js/100x100" class="rounded-bottom" alt="Example bottom rounded image">
<img data-src="holder.js/100x100" class="rounded-left" alt="Example left rounded image">
<img data-src="holder.js/100x100" class="rounded-circle" alt="Completely round image">
<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 %}
@ -40,4 +41,5 @@ Add classes to an element to easily round its corners.
<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 %}