مردان وردپرس آموزش بوت استرپ آموزش بوت استرپ ، کاربرد کلاس well در Bootstrap

آموزش بوت استرپ ، کاربرد کلاس well در Bootstrap

آموزش بوت استرپ ، کاربرد کلاس well در Bootstrap

گاهي اوقات در طراحي صفحات وب جهت متمايز کردن يک بخش متون از قسمت هاي ديگر لازم است تا بخش محتواي متمايز شده را داخل جعبه اي خاص يا کادري مشخص قرار دهيد. کلاس well در Bootstrap يک کلاس تعريف شده در بوتسترپ مي باشد که به شما اين امکان را مي دهد تا متن مورد نظر خود را داخل کادري با گوشه هاي گرد و پس زمينه اي خاکستري قرار دهيد. البته اين استايل پيش فرض کلاس well مي باشد و شما مي توانيد بنا به سليقه خود آن را تغيير دهيد. 
در مثال زير يک تگ <div> را با کلاس well و متن داخل آن نمايش مي دهيم. 

Well در اندازه هاي مختلف
کلاس هاي کمکي براي کلاس well اين امکان را به شما مي دهند تا کادرهايي با ۳ اندازه مختلف بزرگ ، متوسط و کوچک داشته باشيد.  اين کلاس ها عبارتند از : 

  • کلاس well-lg براي کادرهايي با سايز بزرگ يا large
  • کلاس well-sm براي کادرهايي با سايز کوچک يا small

نکته : به اين نکته توجه داشته باشيد که خود کلاس well به صورت پيش فرض به عنوان اندازه متوسط يا normall معرفي شده است. 

در مثال زير کلاس well را در ۳ سايز مختلف نمايش مي دهيم

 

تاریخ آخرین بروزرسانی : ۱۸ آبان ۱۳۹۶
منبع :‌ مردان وردپرس
سجاد رحمانی نژاد

کارشناس طراحی UI وب ، بیش از سه سال سابقه طراحی و کار اجرایی در سازمان های مختلف و به صورت مستقل ( Freelance ) همچنین مدرس دوره های طراحی وب در آموزشگاه های تهران و کرج.

Advertising MiSaCo.

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.