کلاس WELL در بوت استرپ ( بررسی کامل WELL )

کلاس WELL :

کلاس well یکی از کلاس های بوت استرپ است که در این جلسه از دوره آموزش بوت استرپ آن را مورد بررسی قرار می دهیم.کلاس well زمانی کاربرد دارد که بخواهید عنصر یا عناصرصفحه وب را درون کادرنمایش دهید.این کلاس کادری را با گوشه های گرد شده به دور عنصر اضافه می کند.رنگ پس زمینه این کادر خاکستری با خط خاکستری (border) در چهار طرف آن است که دارای مقداری سایه می باشد.به تصویر زیر دقت کنید.

<div class="container">
<h2>Well</h2>
<div class="well">Basic Well</div>
</div>

تغییر سایز کادرها :

کادرهایی که با well. ایجاد می شوند به سه سایزدر بوت استرپ تغییر داده می شوند.سایز کوچک که برای ایجاد این سایز از well – small . در کنار well استفاده می شود.سایز معمولی یا نرمال که برای ایجاد این سایز از well. استفاده می شود.سایز بزرگ که برای ایجاد این سایز از well – lg. در کنار well استفاده می شود.

کلاس WELL-SM :

<div class="container">
<h2>Well Size</h2>
<div class="well well-sm">Small Well</div>
</div>

کلاس نرمال :

نحوه استفاده از این کلاس در بالا توضیح داده شده است.

<div class="well">Normal Well</div>

کلاس WELL-LG :

<div class="well well-lg">Large Well</div>

سعی می کنیم ویدیوی آموزشی این جلسه و جلسات قبل هم برای دوستان در وب سایت قرار دهیم.

بیشتر بخوانید : بررسی روش های مختلف کسب درآمد با طراحی سایت