0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Bootstrap/site/docs/4.1/utilities/borders.md
Mark Otto 0e920ce3f4 Reorganize docs for easier deploys
With the current docs directory setup, I'm making too many mistakes and have to manually address path changes and directory moves on deploy. This makes for a frustrating experience developing locally and shipping releases. With this PR, we're basically back to the same setup from v3—duplicating the dist directory into our docs directory. Not the most ideal, but very straightforward for me as the release manager.
2018-07-11 23:30:46 -07:00

2.5 KiB

layout title description group redirect_from toc
docs Borders Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element. utilities /docs/4.1/utilities/ true

Border

Use border utilities to add or remove an element's borders. Choose from all borders or one at a time.

Additive

{% capture example %} {% endcapture %} {% include example.html content=example %}

Subtractive

{% capture example %} {% endcapture %} {% include example.html content=example %}

Border color

Change the border color using utilities built on our theme colors.

{% capture example %} {% for color in site.data.theme-colors %} {% endfor %} {% endcapture %} {% include example.html content=example %}

Border-radius

Add classes to an element to easily round its corners.

Example rounded image Example top rounded image Example right rounded image Example bottom rounded image Example left rounded image Completely round image Example non-rounded image (overrides rounding applied elsewhere)

{% highlight html %} ... ... ... ... ... ... ... {% endhighlight %}