• Telegram
  • Google Plus
  • Linked In

ایجاد well در Bootstrap

ایجاد well در Bootstrap

تاریخ درج: خلاصه

bootstrap، طراحی سایت، آموزش بوت استرپ، ایجاد well

ایجاد well در Bootstrap

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

ایجاد well در Bootstrap :

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





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



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

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







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









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

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

تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In