در این بخش نحوه ایجاد well در بوت استرپ را خواهید آموخت.
ایجاد well در Bootstrap :
well یک راه ساده برای اعمال کردن یک افکت ساده به یک عنصر را ارائه میکند. چنانچه بخواهید محتوایی را داخل یک جعبه قرار داده و فقط ظاهر آن را به شکل متفاوتی از ظاهر بقیه محتوا درآورید، well میتواند راهکار بسیار مناسب و سودمندی باشد. جهت انجام این کار، محتوای مورد نظر را داخل یک div قرار داده و کلاس well. را به آن اعمال نمایید.
خروجی مثال بالا به شکل زیر خواهد بود :
well ها با سایزهای متغیر :
همچنین میتوانید padding و گوشه های گرد wellها را با استفاده از دو کلاس well-lg. و well-sm. کنترل نمایید. مانند مثال زیر :
خروجی مثال بالا به شکل زیر خواهد بود :
نکته : چنانچه میخواهید یک محتوای float شده (شناور) را داخل well قرار دهید، حتماً باید کلاس clearfix. را جهت جلوگیری از اختلال parentها ، به عنصر well. اضافه کنید.
مطلب بعدی -> کلاس های کمک کننده (helper) در Bootstrap
.png "لوگو")
