ایجاد well در Bootstrap

ایجاد well در Bootstrap

تاریخ انتشار: 21 دی 1394

تعداد بازدید: 5 نفر

در این بخش نحوه ایجاد well در بوت استرپ را خواهید آموخت.

ایجاد well در Bootstrap :

well یک راه ساده برای اعمال کردن یک افکت ساده به یک عنصر را ارائه میکند. چنانچه بخواهید محتوایی را داخل یک جعبه قرار داده و فقط ظاهر آن را به شکل متفاوتی از ظاهر بقیه محتوا درآورید، well میتواند راهکار بسیار مناسب و سودمندی باشد.
جهت انجام این کار، محتوای مورد نظر را داخل یک div قرار داده و کلاس well. را به آن اعمال نمایید.





خروجی مثال بالا به شکل زیر خواهد بود :



 

well ها با سایزهای متغیر :

همچنین میتوانید padding و گوشه های گرد wellها را با استفاده از دو کلاس well-lg. و well-sm. کنترل نمایید. مانند مثال زیر :







خروجی مثال بالا به شکل زیر خواهد بود :









نکته : چنانچه میخواهید یک محتوای float شده (شناور) را داخل well قرار دهید، حتماً باید کلاس clearfix. را  جهت جلوگیری از اختلال parentها ، به عنصر well. اضافه کنید.

مطلب بعدی -> کلاس های کمک کننده (helper) در Bootstrap

اشتراک گذاری:
021-41658