Bootstrap's الإعدادات الافتراضية
Bootstrap's الافتراضية حجم الخط العالمي 14px، مع خط الطول من 1،428.
يتم تطبيق هذا إلى <body> وجميع الفقرات.
وبالإضافة إلى ذلك، كل <p> عناصر لديها الهامش السفلي الذي يساوي نصف على حسابها خط الطول (10px افتراضيا).
Bootstrap الافتراضي للمتصفح مقابل
في هذا الفصل، سنلقي نظرة على بعض عناصر HTML التي من شأنها أن تكون على غرار قليلا مختلف من قبل Bootstrap من التخلف المتصفح.
<h1> - <h6>
افتراضيا، والتمهيد أسلوب العناوين HTML ( <h1> ل <h6> ) على النحو التالي:
مثال
h1 Bootstrap heading (36px)
h2 Bootstrap heading (30px)
h3 Bootstrap heading (24px)
h4 Bootstrap heading (18px)
h5 Bootstrap heading (14px)
h6 Bootstrap heading (12px)
انها محاولة لنفسك » <small>
في التمهيد للHTML <small> عنصر يستخدم لإنشاء والنصوص الثانوية أخف وزنا في أي بند:
مثال
h1 heading secondary text
h2 heading secondary text
h3 heading secondary text
h4 heading secondary text
h5 heading secondary text
h6 heading secondary text
انها محاولة لنفسك » <mark>
Bootstrap وأسلوب في HTML <mark> عنصر على النحو التالي:
<abbr>
Bootstrap وأسلوب في HTML <abbr> عنصر على النحو التالي:
<blockquote>
Bootstrap وأسلوب في HTML <blockquote> عنصر على النحو التالي:
مثال
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
انها محاولة لنفسك » لإظهار الاقتباس على الحق، واستخدام .blockquote-reverse الفئة:
مثال
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
انها محاولة لنفسك » <dl>
Bootstrap وأسلوب في HTML <dl> عنصر على النحو التالي:
<code>
Bootstrap وأسلوب في HTML <code> عنصر على النحو التالي:
مثال
The following HTML elements: span , section , and div defines a section in a document.
انها محاولة لنفسك » <kbd>
Bootstrap وأسلوب في HTML <kbd> عنصر على النحو التالي:
<pre>
Bootstrap وأسلوب في HTML <pre> عنصر بالطريقة التالية:
مثال
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks.
انها محاولة لنفسك » الألوان السياقية والخلفيات
Bootstrap لديها أيضا بعض الفئات السياقية التي يمكن استخدامها لتوفير "المعنى من خلال الألوان".
الطبقات لألوان النص هي: .text-muted ، .text-primary ، .text-success ، .text-info ، .text-warning ، و .text-danger :
مثال
This text is muted.
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
انها محاولة لنفسك » الطبقات لألوان الخلفية هي: .bg-primary ، .bg-success ، bg-info ، bg-warning ، و .bg-danger :
مثال
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
انها محاولة لنفسك » المزيد من فئات الطباعة
الطبقات التمهيد أدناه يمكن أن تضاف إلى عناصر النمط HTML أبعد من ذلك:
| صف مدرسي | وصف | مثال |
|---|---|---|
.lead | يجعل فقرة تبرز | جربها |
.small | يشير النص أصغر (مجموعة إلى 85٪ من حجم الأصل) | جربها |
.text-left | يشير النص محاذاة إلى اليسار | جربها |
.text-center | يشير النص بالوسط | جربها |
.text-right | يشير النص باتجاه اليمين | جربها |
.text-justify | يشير النص المضبوط | جربها |
.text-nowrap | يدل على عدم التفاف النص | جربها |
.text-lowercase | يشير النص lowercased | جربها |
.text-uppercase | يشير النص uppercased | جربها |
.text-capitalize | يشير النص رسملة | جربها |
.initialism | يعرض النص داخل <abbr> عنصر في حجم الخط أصغر قليلا | جربها |
.list-unstyled | يزيل الافتراضي على غرار قائمة والهامش الأيسر على عناصر القائمة (يعمل على كل من <ul> و <ol> ). هذه الفئة لا ينطبق إلا على عناصر القائمة الأطفال الفورية (لإزالة الافتراضي على غرار القائمة من أية قوائم المتداخلة، وتطبيق هذه الفئة لأية قوائم متداخلة كذلك) | جربها |
.list-inline | الأماكن في جميع عناصر القائمة على خط واحد | جربها |
.dl-horizontal | يصطف شروط ( <dt> ) وأوصاف ( <dd> ) في <dl> العناصر جنبا إلى جنب. يبدأ مثل الافتراضي <dl> الصورة، ولكن عندما يوسع نافذة المتصفح، وسوف يصطف جنبا إلى جنب | جربها |
.pre-scrollable | يجعل <pre> عنصر للتمرير | جربها |
استكمال Bootstrap الطباعة المرجعي
للإشارة كاملة لجميع الطباعة عناصر / الطبقات، والذهاب إلى موقعنا على كامل Bootstrap الطباعة المرجعي .
ننظر أيضا في موقعنا Bootstrap مساعد فئات المرجعي لمزيد من المعلومات حول فئات السياقية.