سائے

باکس شیڈو یوٹیلیٹیز والے عناصر میں شیڈو شامل کریں یا ہٹا دیں۔

مثالیں

جب کہ بوٹسٹریپ میں اجزاء پر سائے ڈیفالٹ کے ذریعے غیر فعال ہوتے ہیں اور اسے کے ذریعے فعال کیا جا سکتا ہے ، آپ ہماری یوٹیلیٹی کلاسز $enable-shadowsکے ساتھ شیڈو کو تیزی سے شامل یا ہٹا بھی سکتے ہیں۔ box-shadowاس میں تین ڈیفالٹ سائزز کے لیے سپورٹ شامل ہے .shadow-none(جن میں متغیرات سے مماثلت ہے)۔

<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>