تایپوگرافی

عنوان های HTMLپیش فرض

همه عنوان های HTML <h1> از طریق <h6>،در دسترس هستند.

H1. Heading

 Semibold 2rem

H2. Heading

 Semibold 74rem

H3. Heading

 Semibold 1.51rem

H4. Heading

 Semibold 1.32rem
H5. Heading
 Semibold 1.14rem
H6. Heading
 Semibold 1rem

کلاس سرآمد

.h1 از طریق.h6 کلاس ها نیز در دسترس هستند، زیرا زمانی که می خواهید با ظاهر فونت یک عنوان مطابقت داشته باشید، می توانید از عنصر HTML مرتبط استفاده نکنید.

H1. Heading

 Semibold 2rem

H2. Heading

 Semibold 74rem

H3. Heading

 Semibold 1.51rem

H4. Heading

 Semibold 1.32rem

H5. Heading

 Semibold 1.14rem

H6. Heading

 Semibold 1rem

سرصفحه سفارشی پیش فرض

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

Display heading Secondary text

Display heading Secondary text

Display heading Secondary text

Display heading Secondary text
Display heading Secondary text
Display heading Secondary text

رنگ سرآغاز

عناصر عنوان سنتی برای بهترین کار در گوشت محتوای صفحه طراحی شده اند. هنگامی که شما نیاز به یک عنوان به ایستادگی کردن، در نظر استفاده از یکصفحه نمایشسبک بزرگتر، کمی بیشتر احتیاط

Display heading

Display heading

Display heading

Display heading
Display heading
Display heading
نقل قول های بلوک

برای ارسال بلوک های محتوا از منبع دیگری در سند خود. بسته بندی کردن <blockquote class="blockquote"> در اطراف هر HTML به عنوان نقل قول.

نقل قول بلوکپیش فرض

نقل قول تراز چپ پایه

طراحی فقط چیزی است که به نظر می رسد و احساس می کند. طراحی آن چطور کار می کند.

نقل قول بلوکراست

اضافه کن .blockquote-reverseبرای یک مسنجر با محتوای راست تراز.

طراحی فقط چیزی است که به نظر می رسد و احساس می کند. طراحی آن چطور کار می کند.

نام یک منبعپیش فرض

اضافه کن <footer class="blockquote-footer">برای شناسایی منبع. نام کار مبدا را وارد کنید<cite>.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

استیو جابز کارآفرین

نام یک منبع راست

اضافه کن <footer class="blockquote-footer"> برای شناسایی منبع با.blockquote-reverse برای یک مسنجر با محتوای راست تراز.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

استیو جابز کارآفرین

نقل قول یکنواختپیش فرض

اضافه کن .border-left-{color} .border-right-3 کلاس های کمکی، که در آن رنگ می تواند هر رنگ از Robuts Admin باشدپالت رنگ.

گاهی اوقات هنگامی که شما نوآوری می کنید، اشتباه می کنید. بهتر است به سرعت آنها را بپذیرید و با بهبود نوآوری های دیگر خود ادامه دهید.

استیو جابز کارآفرین

گاهی اوقات هنگامی که شما نوآوری می کنید، اشتباه می کنید. بهتر است به سرعت آنها را بپذیرید و با بهبود نوآوری های دیگر خود ادامه دهید.

استیو جابز کارآفرین

نقل قول یکنواختراست

اضافه کن .border-right-{color} .border-right-3 کلاس های کمکی با.blockquote-reverse، که در آن رنگ می تواند هر رنگ از Robuts Admin باشد پالت رنگ.

گاهی اوقات هنگامی که شما نوآوری می کنید، اشتباه می کنید. بهتر است به سرعت آنها را بپذیرید و با بهبود نوآوری های دیگر خود ادامه دهید.

استیو جابز کارآفرین

گاهی اوقات هنگامی که شما نوآوری می کنید، اشتباه می کنید. بهتر است به سرعت آنها را بپذیرید و با بهبود نوآوری های دیگر خود ادامه دهید.

استیو جابز کارآفرین

نقل قول با نمادپیش فرض

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

Generic placeholder image
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
استیو جابز کارآفرین
Generic placeholder image
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
استیو جابز کارآفرین

نقل قول با مثال نمونه گرد تصویر

Generic placeholder image
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
استیو جابز کارآفرین
Generic placeholder image
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
استیو جابز کارآفرین

نقل قول با نمادراست

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

Generic placeholder image
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
استیو جابز کارآفرین
Generic placeholder image
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
استیو جابز کارآفرین

بلوک نقل قول سمت راست با مثال تصویر گرد تصویر

Generic placeholder image
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
استیو جابز کارآفرین
Generic placeholder image
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
استیو جابز کارآفرین
لیست ها

برای ارسال بلوک های محتوا از منبع دیگری در سند خود. بسته بندی کردن <blockquote class="blockquote"> در اطراف هر HTML به عنوان نقل قول.

فهرست نامعلوم

استفاده از کلاس .list-unstyledبرای لیست ها Unstyled. پیش فرض را حذف کنیدlist-style و حاشیه سمت چپ در موارد لیست (فقط فرزندان فوری).این تنها در مورد موارد فوری کودکان لیست شده است، به این معنی که شما باید کلاس را برای لیست های توزیع شده نیز اضافه کنید.

  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
  • چاپگرها و متون بلکه روزنامه و مجله در ستون
    • شناخت فراوان جامعه و متخصصان
    • شناخت فراوان جامعه و متخصصان
    • شناخت فراوان جامعه و متخصصان
    • شناخت فراوان جامعه و متخصصان
  • شناخت فراوان جامعه و متخصصان
  • شناخت فراوان جامعه و متخصصان
  • شناخت فراوان جامعه و متخصصان

فهرست نامحدودپیش فرض

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

  • لورم ایپسوم متن ساختگی با تولید
  • لورم ایپسوم متن ساختگی با تولید
  • لورم ایپسوم متن ساختگی با تولید
  • لورم ایپسوم متن ساختگی با تولید
  • لورم ایپسوم متن ساختگی با تولید
    • شناخت فراوان جامعه
    • شناخت فراوان جامعه
    • شناخت فراوان جامعه
    • شناخت فراوان جامعه
  • شناخت فراوان جامعه و متخصصان
  • شناخت فراوان جامعه و متخصصان
  • شناخت فراوان جامعه و متخصصان

فهرست مرتب شده است پیش فرض

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

  1. لورم ایپسوم متن ساختگی با تولید
  2. لورم ایپسوم متن ساختگی با تولید
  3. لورم ایپسوم متن ساختگی با تولید
  4. لورم ایپسوم متن ساختگی با تولید
  5. لورم ایپسوم متن ساختگی با تولید
    1. شناخت فراوان جامعه
    2. شناخت فراوان جامعه
    3. شناخت فراوان جامعه
    4. شناخت فراوان جامعه
  6. شناخت فراوان جامعه و متخصصان
  7. شناخت فراوان جامعه و متخصصان
  8. شناخت فراوان جامعه و متخصصان

فهرست نامحدود دایره

استفاده .list-style-circle کلاس در فهرست غیر ارادی برای اضافه کردن نقاط گلوله دایره.

  • لورم ایپسوم متن ساختگی با تولید
  • لورم ایپسوم متن ساختگی با تولید
    • شناخت فراوان جامعه
  • شناخت فراوان جامعه
  • شناخت فراوان جامعه

فهرست نامحدود مربع

استفاده .list-style-square کلاس در فهرست غیر ارادی برای اضافه کردن نقاط گلوله مربعی.

  • لورم ایپسوم متن ساختگی با تولید
  • لورم ایپسوم متن ساختگی با تولید
    • شناخت فراوان جامعه
  • شناخت فراوان جامعه
  • شناخت فراوان جامعه

فهرست مرتب شده است مخلوط

ترکیب کردن.list-style-square و .list-style-circleکلاس ها در فهرست غیر ارادی برای اضافه کردن نقاط گلوله ای مربع و دایره ای.

  • لورم ایپسوم متن ساختگی با تولید
  • لورم ایپسوم متن ساختگی با تولید
    • شناخت فراوان جامعه
  • شناخت فراوان جامعه
  • شناخت فراوان جامعه

فهرست مرتب شده استنوع

استفاده <ol type="1|a|A|i|I">، نوع نوع مشخص کننده نوع نشانگر برای استفاده در لیست است.

  1. لورم ایپسوم متن ساختگی با تولید
  2. لورم ایپسوم متن ساختگی با تولید
    1. شناخت فراوان جامعه
  3. شناخت فراوان جامعه
  4. شناخت فراوان جامعه

فهرست مرتب شده است مخلوط

شما همچنین می توانید نوع فهرست دستورالعمل را مخلوط کنید، در زیر مثال I و I نوع ترکیبی را نشان می دهد.

  1. لورم ایپسوم متن ساختگی با تولید
  2. لورم ایپسوم متن ساختگی با تولید
    1. شناخت فراوان جامعه
  3. شناخت فراوان جامعه
  4. شناخت فراوان جامعه

لیست آیکون ها

لیست اصطلاحات با آیکون ها، استفاده کنید.list-style-iconsکلاس شما می توانید از هر آیکون از انواع آیکون مدیریت Convex Admin استفاده کنید.

  • شناخت فراوان جامعه
  • شناخت فراوان جامعه
    • شناخت فراوان جامعه
    • شناخت فراوان جامعه
  • شناخت فراوان جامعه
  • شناخت فراوان جامعه

لیست های درونی پیش فرض

گلوله های لیست را بردارید و نور را اعمال کنیدmarginبا ترکیبی از دو کلاس.list-inlineو.list-inline-item.

  • کتاب
  • طرح
  • روزنامه

لیست های درونیمرتب شده

استفاده از شماره های درون خطی، الفبای و غیره ... برای لیست خط در لیست.

  • 1. کتاب
  • 2. طرح
  • 3. روزنامه

لیست های درونیبا آیکن

شما همچنین می توانید از آیکون های Convex Admin در لیست های Inline استفاده کنید.

  • یورو
  • پوند
  • دلار
تراز لیست توضیحات

اصطلاحات و توصیف ها را با استفاده از کلاس های از پیش تعریف شده سیستم شبکه (یا مخلوط های معنایی) به صورت افقی به صورت افقی ترکیب کنید. برای شرایط طولانی تر،.text-truncateکلاس برای کوتاه کردن متن با یک بیضوی.

فهرست های لیستافقی

فهرست های لیست
فهرست توصیفی مناسب برای تعریف شرایط است.
لورم ایپسوم
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
ابزارهای کاربردی
شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
اصطلاح خرد شده کوتاه است
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
تودرتویی
لیست تعبیه شده
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است

فهرست های لیست عمودی

فهرست های لیست
فهرست توصیفی مناسب برای تعریف شرایط است.
کتاب
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه .
طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد
حروفچینی
دستاوردهای اصلی و جوابگوی سوالات پیوسته

فهرست های لیستافقی

لیست ها را با متن راست تراز در<dt> برچسب استفاده کنید.text-right

فهرست های لیست
فهرست توصیفی مناسب برای تعریف شرایط است.
کتاب
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
اهل دنیا
شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
اصطلاح خرد شده کوتاه است
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
تودرتویی
لیست تعبیه شده
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است