یکسری از کلاس های بوت استرپ (قسمت دوم)
MediaObject
وقتی به سایتهای اجتماعی مانند فیسبوک، توییتر و دیگران نگاه میکنید و برخی از آنها را حذف میکنید
از قالب بندی از خطوط زمانی، MediaObject را خواهید دید. Driven
توسط انجمن Bootstrap و بر اساس اصول جامعه ooccs، the
هدف هدف رسانه ایجاد کد برای توسعه این بلوک های اطلاعاتی است
به شدت کوتاه تر نیکول سالیوان هاس چند عنصر از شیء رسانه ای را به اشتراک می گذارد.
مشابه Bootstrap در سایت او. شی رسانه ای طراحی شده است که به معنای واقعی کلمه صدها مورد را ذخیره می کند
خطوط کد، سفارشی کردن(کاستومایز) آن را آسان می کند.
بوت استرپ طراحی و قالببندی را به شما واگذار میکند، اما راه سادهای را برای شروع ارائه میکند.
مانند بسیاری از ابزارهای دیگر در بوت استرپ، هدف اشیاء رسانه (نشانه گذاری سبک، آسان
توسعه پذیری) با اعمال کلاس ها در برخی نشانه گذاری های ساده به دست می آید. دو تا هستند
به شی رسانه فرم می دهد: .media و .media-list.
اگر در حال تهیه لیستی هستید که در آن موارد بخشی از یک لیست نامرتب خواهند بود، از .medialist استفاده کنید. اگر فقط از عناصر <div> استفاده می کنید، از شی .media استفاده کنید.
برای استفاده از فهرست رسانه ها، ظرف <div> را به <ul> تغییر دهید و
class .media-list را اضافه کنید. از آنجایی که میتوانید اشیاء رسانهای را تودرتو کنید، نشانهگذاری برای نظرات یا لیست های دیگر آنها مفید است.
متفرقه
چند مؤلفه دیگر بوت استرپ وجود دارد که ما هنوز در این فصل باید به آنها بپردازیم.
برخی از این مؤلفهها مبتنی بر طرحبندی هستند و تعداد کمی از آنها کمکی مبتنی بر تولید هستند
کلاس ها. اولین مورد در این میان wells ها هستند.
wells ها
wells یک محفظه <div> است که باعث می شود محتوا در صفحه غرق شده به نظر برسد. ما از چاه ها برای اطلاعات متا پست وبلاگ مانند نویسنده، تاریخ و
دسته بندی ها استغادخ میکنیم. برای ایجاد یک wells، به سادگی محتوایی را که میخواهید در آن ظاهر شود یک <div> حاوی کلاس .well بپیچید.
دو کلاس اضافی وجود دارد که میتوان به همراه .well استفاده کرد: .welllarge و .well-small. اینها روی بالشتک تأثیر می گذارند و چاه را بزرگتر یا کوچکتر می کنند
بسته به کلاس.
کلاس clearfix
برای پاک کردن float از هر عنصر، از کلاس .clearfix استفاده کنید. وقتی دو عنصر دارید
در اندازه های مختلف که در کنار یکدیگر شناور هستند. شما می توانید این کار را انجام دهید
با یک <div> خالی ساده با کلاس :.clearfix.
فصل جدید بوت استرپ (پلاگین های جاوا اسکریپت)
مولفه هایی که در فصل 3 مورد بحث قرار گرفت، تازه شروع است،
بوت استرپ می آید
با 13 پلاگین jQuery که ویژگی ها را گسترش می دهد و می تواند تعامل بیشتری را به سایت شما اضافه کند.
برای شروع کار با پلاگین های جاوا اسکریپت بوت استرپ، نیازی به این نیست
توسعه دهنده پیشرفته جاوا اسکریپت،در واقع، با استفاده از Bootstrap Data API، بیشتر
افزونه ها را می توان بدون نوشتن یک خط کد راه اندازی کرد.
قوانین ارسال دیدگاه در سایت