mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-11 18:02:28 +03:00
Release v4.3.0 (#28228)
* Prep for v4.3.0 * More updates for v4.3.0. * rerun to build docs source map
This commit is contained in:
@@ -0,0 +1,18 @@
|
||||
---
|
||||
layout: docs
|
||||
title: Shadows
|
||||
description: Add or remove shadows to elements with box-shadow utilities.
|
||||
group: utilities
|
||||
---
|
||||
|
||||
## Examples
|
||||
|
||||
While shadows on components are disabled by default in Bootstrap and can be enabled via `$enable-shadows`, you can also quickly add or remove a shadow with our `box-shadow` utility classes. Includes support for `.shadow-none` and three default sizes (which have associated variables to match).
|
||||
|
||||
{% capture example %}
|
||||
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
|
||||
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
|
||||
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
|
||||
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>
|
||||
{% endcapture %}
|
||||
{% include example.html content=example %}
|
||||
Reference in New Issue
Block a user