Add border width utility

[MauricioHernanCabrera]

I added border-width utility. it was a request #31299

Example

<div class="border border-primary border-width-5">Hello world</div>

<div class="border border-primary border-width-2">Hello world</div>

Fixes #31299

Demo: https://deploy-preview-31484--twbs-bootstrap.netlify.app/docs/5.0/utilities/borders/#border-width

[MauricioHernanCabrera]

I have added the border-width utility and a variable for handle the sizes

[MartijnCuppens]

I think we can leave the width out here (eg. border-2). Also, this needs documentation.

[MauricioHernanCabrera]

I think we can leave the width out here (eg. border-2). Also, this needs documentation.

Okay, What do you mean by documentation?

[MartijnCuppens]

Okay, What do you mean by documentation?

Explain how these utilities need to be used on our documentation site. You'll probably need to edit this file:

https://github.com/twbs/bootstrap/blob/main/site/content/docs/5.0/utilities/borders.md

[MauricioHernanCabrera]

Okay, What do you mean by documentation?

Explain how these utilities need to be used on our documentation site. You'll probably need to edit this file:

https://github.com/twbs/bootstrap/blob/main/site/content/docs/5.0/utilities/borders.md

Thanksss. I am going to work on the docs

[MauricioHernanCabrera]

wooow the documentation in bootstrap is beatiful. I am learning a lot of front with this project

[MauricioHernanCabrera]

@MartijnCuppens can I do some more por bootstrap? I want to contribute more to this project

[calvinkarpenko]

Would it not be better to have these in rem units rather than px units?

[MartijnCuppens]

Would it not be better to have these in rem units rather than px units?

We don't do that for borders. Browsers will always render them in px, so if the default browser font size is changed, the borders could be blurred because they are for example 1.25px.

@MauricioHernanCabrera, could you rebase this branch, it contains lots of unrelated changes?

[MauricioHernanCabrera]

Would it not be better to have these in rem units rather than px units?

We don't do that for borders. Browsers will always render them in px, so if the default browser font size is changed, the borders could be blurred because they are for example 1.25px.

@MauricioHernanCabrera, could you rebase this branch, it contains lots of unrelated changes?

done!

[MartijnCuppens]

LGTM. ping @twbs/css-review for second opinion

[XhmikosR]

@mdo WDYT?

[mdo]

Can we get a mention on the migration.md page? Otherwise LGTM!

[XhmikosR]

I'm not sure the example is right, we should probably add margin right in the examples?

[MauricioHernanCabrera]

I'm not sure the example is right, we should probably add margin right in the examples?

okasss, I'm going to work on that

Example class is missing