#Width
Classes to set the width of an element.
Class | Styles |
---|---|
w-10 |
|
w-20 |
|
w-30 |
|
w-40 |
|
w-50 |
|
w-60 |
|
w-70 |
|
w-80 |
|
w-90 |
|
w-100 |
|
w-auto |
|
w-screen |
|
Classes to set the width of an element.
Class | Styles |
---|---|
w-10 |
|
w-20 |
|
w-30 |
|
w-40 |
|
w-50 |
|
w-60 |
|
w-70 |
|
w-80 |
|
w-90 |
|
w-100 |
|
w-auto |
|
w-screen |
|
The w-{{value}}
classes gives an element a percentage based width.
<div>
<div class="w-20">...</div>
<div class="w-40">...</div>
<div class="w-60">...</div>
<div class="w-80">...</div>
</div>
The w-screen
class makes an element span the entire viewport.
w-screen
<div>
<div class="w-screen">...</div>
</div>
The w-auto
class makes an element use a browser determined width. This is commonly used to unset a previously set width.
w-auto
<div>
<div class="w-auto">...</div>
</div>