آموزش لیبل ها در بوت استرپ

4 سال پیش

امتیاز دهید post

آموزش لیبل ها در بوت استرپ

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش لیبل ها در بوت استرپ خواهیم پرداخت.

این فصل لیبل های بوت استرپ را پوشش می دهیم. برچسب ها برای ارائه تعداد، راهنمایی یا سایر علامت گذاری ها برای صفحات عالی هستند. همانطور که در مثال زیر نشان داده شده است ، از کلاس label. برای نمایش برچسب ها استفاده کنید –

&lt;h1&gt;Example Heading &lt;span class = "label label-default"&gt;Label&lt;/span&gt;&lt;/h1&gt;
&lt;h2&gt;Example Heading &lt;span class =" label label-default"&gt;Label&lt;/span&gt;&lt;/h2&gt;
&lt;h3&gt;Example Heading &lt;span class = "label label-default"&gt;Label&lt;/span&gt;&lt;/h3&gt;
&lt;h4&gt;Example Heading &lt;span class = "label label-default"&gt;Label&lt;/span&gt;&lt;/h4&gt;

<h1>Example Heading <span class = "label label-default">Label</span></h1>

<h2>Example Heading <span class =" label label-default">Label</span></h2>

<h3>Example Heading <span class = "label label-default">Label</span></h3>

<h4>Example Heading <span class = "label label-default">Label</span></h4>

می توانید شکل لیبل ها را با استفاده از کلاس های اصلاح کننده مانند، abel-default, label-primary, label-success, label-info, label-warning, label-danger و… همانطور که در مثال زیر نشان داده شده است –

&lt;span class = "label label-default"&gt;Default Label&lt;/span&gt;
&lt;span class = "label label-primary"&gt;Primary Label&lt;/span&gt;
&lt;span class = "label label-success"&gt;Success Label&lt;/span&gt;
&lt;span class = "label label-info"&gt;Info Label&lt;/span&gt;
&lt;span class = "label label-warning"&gt;Warning Label&lt;/span&gt;
&lt;span class = "label label-danger"&gt;Danger Label&lt;/span&gt;

<span class = "label label-default">Default Label</span>

<span class = "label label-primary">Primary Label</span>

<span class = "label label-success">Success Label</span>

<span class = "label label-info">Info Label</span>

<span class = "label label-warning">Warning Label</span>

<span class = "label label-danger">Danger Label</span>

منبع.

لیست جلسات قبل آموزش بوت استرپ

امتیاز دهید post

برچسب ها : آموزش بوت استرپ آموزش طراحی وب سایت

نویسنده مطلب saber

آموزش لیبل ها در بوت استرپ

آموزش لیبل ها در بوت استرپ

لیست جلسات قبل آموزش بوت استرپ

دیدگاه شما

بدون دیدگاه

آموزش لیبل ها در بوت استرپ

لیست جلسات قبل آموزش بوت استرپ

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه