• بخش 30 – طراحی وب واکنش گرا ، Wells در bootstrap
بخش 30 – طراحی وب واکنش گرا ، Wells در bootstrap
1395/02/22 - 11:19:02 // Responsive Web Design // 0 نظر // 3408 بازدید

کامپوننت Wells ، یک کامپوننت مفید می باشد که متن مورد نظر را در یک کادر با گوشه های گرد و همچنین با رنگ زمینه خاکستری بنمایش در می آورد . در ضمن یک تو رفتگی هم در متن ایجاد می کند . از این کامپوننت می توان برای پررنگ کردن مطلبی مهم در خلال یک متن استفاده کرد .

بخش 30 طراحی وب واکنش گرا ، Wells در bootstrap

کامپوننت Wells ، یک کامپوننت مفید می باشد که متن مورد نظر را در یک کادر با گوشه های گرد و همچنین با رنگ زمینه خاکستری بنمایش در می آورد . در ضمن یک تو رفتگی هم در متن ایجاد می کند . از این کامپوننت می توان برای پررنگ کردن مطلبی مهم در خلال یک متن استفاده کرد .

بعد از اجرای کدهای بالا در مرورگر ، تصویر زیر را خواهیم داشت :

شاید شما از فاصله های زیاد در اطراف متن خود ناراضی باشید . خوشبختانه ، bootstrap برای این مشکل راه حلی دارد و با استفاده از کلاس های زیر به شکل در می آید :

1- Default : برای این حالت کافیست تنها از کلاس Well استفاده کنید .

2- Large Spacing : از کلاس well-lg و well با هم استفاده کنید .

3- Small spacing : از کلاس های well و well-sm با هم استفاده کنید .

دانلود سورس تمرین این قسمت

شاد و سلامت باشید

محمد جعفری فوتمی

محمد جعفری فوتمی
معرفی نویسنده : محمد جعفری فوتمی

از سال 1382 بطور تخصصی در زمینه ی طراحی وب سایت کار کرده ام و در طی 12 سال گذشته تجربیاتی را کسب کرده ام که در هیچ کتاب و منبع آنلاینی یافت نمی شود ، تصمیم گرفته ام تا این تجربیات را در قالب مقالاتی به اشتراک بگذارم . امیدوارم مفید واقع شود .

امتیاز به مطلب
           
نظرات کاربران
ارسال نظر