بخش 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 سال گذشته تجربیاتی را کسب کرده ام که در هیچ کتاب و منبع آنلاینی یافت نمی شود ، تصمیم گرفته ام تا این تجربیات را در قالب مقالاتی به اشتراک بگذارم . امیدوارم مفید واقع شود .