نرم افزار متن

رنگ های متنی

معنی را از طریق رنگ با تعداد انگشت شماری از کلاسهای ابزارهای تأکید انتقال دهید. اینها همچنین ممکن است به لینکها اعمال شوند و در حوادث مشابه همانند سبکهای پیشفرض پیش فرض ما تاریک میشوند..

مثال کلاس قطعه

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

 .text-muted 
 <p class="text-muted">Your Text.</p>

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

 .text-primary 
 <p class="text-primary">Your Text.</p>

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

 .text-success 
 <p class="text-success">Your Text.</p>

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

 .text-info 
 <p class="text-info">Your Text.</p>

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

 .text-warning 
 <p class="text-warning">Your Text.</p>

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

 .text-danger 
 <p class="text-danger">Your Text.</p>

پس زمینه متنی

کلاس های رنگ متن متنی، به راحتی پس زمینه یک عنصر را برای هر کلاس متنی تنظیم می کند. اجزاء لنگر در حوادث تار می کنند، درست مثل کلاس های متن.

مثال کلاس قطعه
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ .bg-primary 
    <p class="bg-primary">Your Text.</p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ. .bg-success 
    <p class="bg-success">Your Text.</p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ .bg-info 
    <p class="bg-info">Your Text.</p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ .bg-warning 
    <p class="bg-warning">Your Text.</p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ .bg-danger 
    <p class="bg-danger">Your Text.</p>

تراز متن

متن را به راحتی به اجزاء با کلاس های ترازبندی متن متصل کنید.

مثال کلاس قطعه

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

 .text-justify 
    <p class="text-justify">Justified text.</p>

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

 .text-nowrap 
<p class="text-nowrap">No wrap text.</p>

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

مثال کلاس قطعه

متن تراز چپ در تمام اندازه های نمای دید.

 .text-left 
    <p class="text-left">Left aligned text on all viewport sizes.</p>

متن تراز وسط در تمام اندازه های نمایش پرونده.

 .text-center 
<p class="text-center">Center aligned text on all viewport sizes.</p>

متن راست راست در تمام اندازه های نمایش.

 .text-right 
<p class="text-right">Right aligned text on all viewport sizes.</p>

تبدیل متن

متن را در اجزاء با کلاس های سرمایه گذاری متن تبدیل کنید.

توجه داشته باشید که چگونهtext-capitalize تنها حرف اول هر کلمه را تغییر می دهد، و حروف هر حرف دیگری را تحت تاثیر قرار نمی دهد.

مثال کلاس قطعه

متن کوچکتر

 .text-lowercase 
<p class="text-lowercase">Lowercased text.</p>

متن بزرگتر

 .text-uppercase 
<p class="text-uppercase">Uppercased text.</p>

همه ی متن با حروف بزرگ

 .text-capitalize 
<p class="text-capitalize">CapiTaliZed text.</p>

گزینه متن

اندازه فونت

Convex Admin ارائه فونت کلاس های بزرگ و کوچک برای کلاس تغییر اندازه فونت.

مثال کلاس قطعه

اندازه متن بزرگ

 .font-large-3 
    <p class="font-large-3" >Large text size.</p>

اندازه متن بزرگ

 .font-large-2 
    <p class="font-large-2" >Large text size.</p>

اندازه متن بزرگ

 .font-large-1 
    <p class="font-large-1" >Large text size.</p>

اندازه متن متوسط

 .font-medium-3 
    <p class="font-medium-3" >Medium text size.</p>

اندازه متن متوسط

 .font-medium-2 
    <p class="font-medium-2" >Medium text size.</p>

اندازه متن متوسط

 .font-medium-1 
    <p class="font-medium-1" >Medium text size.</p>

اندازه متن پایه عادی

 N/A 
    <p>Normal base text size.</p>

اندازه متن کوچک

 .font-small-3 
    <p class="font-small-3" >Small text size.</p>

اندازه متن کوچک

 .font-small-2 
    <p class="font-small-2" >Small text size.</p>

اندازه متن کوچک

 .font-small-1 
    <p class="font-small-1" >Small text size.</p>
وزن فونت

Convex Admin ارائه کلاس وزن فونت.text-bold-{weight}, جایی که{weight} value can be 100,200 ... 900.

مثال کلاس قطعه

وزن قلم 300

 .text-bold-300 
    <p class="text-bold-300">Font weight 300.</p>

وزن قلم 400

 .text-bold-400 
    <p class="text-bold-400">Font weight 400.</p>

وزن قلم 600

 .text-bold-600 
    <p class="text-bold-600">Font weight 600.</p>

وزن قلم 700

 .text-bold-700 
    <p class="text-bold-700">Font weight 700.</p>

عناصر متن درونی

یک ظاهر طراحی شده برای عناصر HTML5 معمولی درون خطی.

علامت و .small کلاس ها هستند همچنین برای اعمال همان سبک ها نیز موجود است <mark> و <small> در حالی که اجتناب از پیامدهای معنایی ناخواسته ای که برچسب ها به وجود می آورند.

در حالی که در بالا نشان داده نمی شود، برای استفاده راحت باشید<b> و<i>در HTML5<b> به معنای برجسته کردن کلمات یا عبارات بدون است انتقال اهمیت اضافی در حالی که <i>عمدتا برای صدا، شرایط فنی و غیره

مثال قطعه

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

 
    <p>You can use the mark tag to <mark>highlight</mark> text.</p>

این خط از متن به عنوان متن حذف شده محسوب می شود. 

    <p><del>This line of text is meant to be treated as deleted text.</del></p>

این خط از متن به معنای دقیق تر به نظر می رسد. 

    <p><s>This line of text is meant to be treated as no longer accurate.</s></p>

این خط از متن به معنای آن است که علاوه بر سند نیز در نظر گرفته شود. 

    <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>

این خط متن به صورت زیر نشان داده می شود 

    <p><u>This line of text will render as underlined.</u></p>

این خط از متن به عنوان چاپ خوب در نظر گرفته شده است.

 
    <p><small>This line of text is meant to be treated as fine print.</small></p>

این خط به عنوان متن پررنگ ارائه شده است.

 
    <p><strong>This line rendered as bold text.</strong></p>

این خط به صورت متن کلاسیک ارائه شده است.

 
    <p><em>This line rendered as italicized text.</em></p>

نمونه اختصار 

    <p> Sample <abbr>Abbreviations.</abbr></p>

نمونه HTML عنوان.

 
    <p> Sample <abbr title="HyperText Markup Language" class="initialism">HTML.</abbr></p>
y = m x + b 
    <p> For indicating variables use the <var> tag.</p>

ویرایش تنظیمات، را فشار دهید ctrl + , 

    <p> Use the <kbd>  to indicate input that is typically entered via keyboard.</p>
این متن به عنوان خروجی نمونه از یک برنامه کامپیوتری رفتار می شود. 
    <p> For indicating sample output from a program use the  <samp>  tag. </p>
قطعه کد درون خطی 
    <p> Wrap inline snippets of code with <code> tag. </p>