طراحی سایت با بوت استرپ
به عنوان مثال، اگر میخواهید به صفحه سایت خود یک عنصر panel اضافه کنید، به صفحه مولفهها (http://getbootstrap.com/components) بروید و از لیست سمت راست، بخش Panels را یافته و بر روی آن کلیک کنید. کدهای نمونهای را خواهید دید. برخی از کدها دارای عنوان هستند و برخی دیگر نه. حال کد اصلی را با کلیک بر روی دکمه Copy کنار کد نمونه، کپی کرده و در صفحه سایت خود پیست کنید و بعد از اضافه نمودن متن و شاید استایل بندی دلخواه خود، خروجی کار را در مرورگرتان ببینید.
لازم به ذکر است که پنل در بوت استرپ، به جعبهی کادر داری گفته میشود که متن موجود در آن دارای Padding است. برای ایجاد خود پنل از کلاس panel به همراه panel-default (که استایل بندیِ پیشفرض پنل را تعیین میکند) استفاده میشود. به طور مشابه هدر آن توسط کلاس panel-heading، متنِ درون آن توسط کلاس panel-body و نهایتا فوتر آن هم با استفاده از کلاس panel-footer ایجاد میشود. برای درک بهتر این موضوع بهتر است به کد زیر و خروجی آن نگاهی بیندازید.
تمهای بوت استرپ
اگر ظاهر پیش فرض بوت استرپ چندان برایتان خوشایند نبود، ممکن است بخواهید از یک تم بوت استرپ که در سطح بالاتری از فریمورک اصلی قرار گرفته و دارای طرحی با رنگ آمیزی مختلف و یا شامل عناصر دیگری است استفاده کنید.
در اینجا به معرفی تعدادی از تمهای مورد پسند موجود در بخش Envato Market سایت envato.com میپردازیم که برای پروژههای مختلفی به خوبی کار خواهند کرد.
انویتو Envato یک شرکت خصوصی استرالیایی است که در زمینه خرید و فروش محصولات دیجیتال تولید شده توسط گرافیستها، برنامه نویسان و طراحان وب سایت فعالیت میکند و به کاربران و فروشندهها این امکان را میدهد که به راحتی با همدیگر تعامل برقرار کنند و طراحان بتوانند به طور مستقل فایلها و طراحیهای خود را به فروش برسانند.
تم مدیریتی زنون
زنون یک تم مدیریتی واکنش گرا و کم حجم است که با آخرین نسخه تویتر بوت استرپ ساخته شده است و دارای انبوهی از اجزای رابط کاربری همچون دکمه، پنل، نوار پیشرفت،جعبه های اخطار، منوهای ناوبری، انواع قالبهای شماره گذاری صفحات و … و طرحهای متنوع و پوستههای تم است که در مجموع تعداد فایلها به128 فایل HTML میرسد.
Angulr: قالب مدیریتی بوت استرپ برای وب اپلیکیشن ها
Angulr یک قالب مدیریتی است که با بوت استرپ 3 و فریمورک AngularJS ساخته شده است و از ویژگیهای مختلفی همچون مسیریابیها و دیدگاههای تو در تو و قابلیت بارگذاری تنبل (lazy loading) برخوردار است.
XPRO: یک قالب تک صفحه ای و چند منظوره بوت استرپ
XPRO یک قالب HTMLی تک صفحه ای و واکنش گرا است که با فریمورک بوت استرپ ساخته شده است. این قالب دارای رنگ آمیزی تخت (استفاده از رنگهای مشخص و یک دست) و طراحی مدرن برای ایجاد نمونه کارهای خلاقانه، شخصی و یا شرکتی است.
ترجمه: رقیه آقایاری
نظر شما چیست؟
پرسش های خود را در بخش پرسش و پاسخ مطرح کنید