نگارش بوتسترپ

نگارش بوتسترپ

تنظیمات پیش فرض بوتسترپ

اندازه ی فونت پیش فرض و عمومی بوتسترپ ۱۴px می باشد، همچنین line-height نیز برابر با ۱٫۴۲۸ می باشد.

این ویژگی به عنصر <body> و تمام پاراگراف ها اعمال شده است.

بعلاوه، تمام عناصر <p> یک margin-bottom دارند که برابر با نصف line-height محاسبه شده برای آنها می باشد(۱۰px به طور پیش فرض).


نگارش

عناصر زیر، درواقع عناصر HTML ای هستند که در بوتسترپ کمی متفاوت تر از عناصر پیش فرض مرورگر، استایل بندی خواهند شد. به مثال های “” نگاه کنید تا نتیجه یا تفاوت را دریابید.

از کلاس های زیر می توان برای استایل بندی بیشتر عناصر استفاده کرد.

Element/Class توضیحات
<h1> – <h6>
یا
.h1 – .h6
سرفصل های h1 الی h6
<small> یک متن دوم و کم رنگ تر را به یک سرفصل اضافه می کند.
small. یک متن کوچکتر را مشخص می کند(ست کردن به %۸۵ عنصر والد).
lead.  یک متن را برجسته می کند.
<mark>
or
mark.
برجسته کردن متن
<del> یک متن حذف شده را مشخص می کند: Deleted text
<s> یک متن خط خورده را مشخص می کند: No longer relevant text
<ins> یک متن الحاق شده را مشخص می کند Inserted text
<u> یک متن زیر خط دار را مشخص می کند Underlined text
<strong> یک متن پررنگ شده را مشخص می کند: Bold text
<em> یک متن ایتالیک را مشخص می کند: Italic text
text-left. یک متن چپ چین شده را مشخص می کند.
text-center. یک متن وسط چین شده را مشخص می کند.
text-right. یک متن راست چین شده را مشخص می کند.
text-justify. یک متن justified را مشخص می کند.
text-nowrap. یک متن بدون بسته بندی را مشخص می کند.
text-lowercase. یک متن با حروف کوچک را مشخص می کند.
text-uppercase. یک متن با حروف بزرگ را مشخص می کند.
text-capitalize. <یک متن capitalized را مشخص می کند.
<abbr> عنصر <abbr> یک واژه ی مخفف یا سرنام واژگان را مشخص می کند. مخفف ها به همراه یک خصوصیت title، دارای یک کادر نقطه ای در پایین خود می باشند و دارای یک نشانگر کمک، به هنگام رفتن موس بر روی خود هستند که یک متن اضافی برای توصیح بیشتر را نشان می دهد.
initialism. متن درون عنصر <abbr> را با یک اندازه ی فونت کوچکتر نمایش می دهد.
<address> اطلاعات تماس را مشخص می کند.
<blockquote> بلوک های محتوا را از یک منبع دیگر مشخص می کند.
blockquote-reverse. یک blockquote را به همراه محتوای راست چین شده مشخص می کند.
<ul> یک لیست نامنظم را مشخص می کند.
<ol> یک لیست منظم را مشخص می کند.
list-unstyled. استایل لیست پیش فرض  و margin سمت چپ را از آیتم های لیست حذف می کند(بر روی هر دو <ul> و <li> کار می کند). این کلاس تنها بر روی آیتم های ضروری فرزند یک لیست اعمال می شود(برای حذف کردن استایل لیست پیش فرض از هر لیست تودرتو، این کلاس را می توانید به خوبی به هر لسیت تو در تو اضافه کنید).
list-inline. تمام آیتم های لیست را در یک خط واحد قرار می دهد.
<dl> یک لیست توضیح را مشخص می کند.
dl-horizontal. هنگامی که پنجره گسترش می یابد، توضیحات و سرفصل در کنار یکدیگر قرار می گیرند.

Code

Element/Class توضیحات
<code> کدهای درون خطی را مشخص می کند: span , div
<kbd> ورودی را که به طور معمول به وسیله ی کیبورد وارد شده است، مشخص می کند: CTRL+P
<pre> کدهای چند خطی را مشخص می کند.
<pre class=”pre-scrollable”> خط های کد چندگانه به همراه اسکرول بار را مشخص می کند.
<samp> خروجی نمونه را از یک برنامه ی کامپیوتری مشخص می کند.
<var> متغیرهای   x = ab + y را مشخص می کند.


اگه به اشتراک نزاشتی حداقل لایک کن:(

نظر شما در رابطه با این آموزش چیست


بالا

تمامی حقوق مادی و معنوی این وبسایت محفوظ میباشد و متعلق است به Webtekar.ir.
Google