تیترها
هدینگ۱ متن دوم
هدینگ۲ متن دوم
هدینگ۳ متن دوم
هدینگ۴ متن دوم
هدینگ۵ متن دوم
هدینگ۶ متن دوم
نحوه استفاده از تیترها
:مثال
<h1>هدینگ۱<small>متن دوم </span></h1>
رنگ ها
رنگ اصلی در نوشتار در سایت سیاه است، لذا اگر کلاس خاصی به نوشته و ... که در ادامه خواهد آمد اضافه نگردد،رنگ آنها سیاه خواهد ماند. برای استفاده از رنگ‌هایی که می بینید کافیست کلاس هر کدام از آنها را به قسمت مورد نظر خود اضافه کنید تا رنگ آن به کیفیتی که در ادامه این صفحه میبینید تغییر کند. این کلاس ها شامل:
.primary ، .secondary ، .info ، .success ، .danger یا .error و .warning
هستند که با اضافه شدن به کلاس های دیگر، رنگ آنها را تغییر خواهند داد.
دو رنگ primary و secondary رنگ‌های اصلی برند مفید هستند،
لذا توجه داشته باشید که سایر رنگ‌های استفاده شده استاندارد هستند و در هر جا که از این کلاس ها استفاده کنید، رنگ آن قسمت با توجه به کلاسی که استفاده نموده اید تغییر خواهد کرد،این موضوع برای بخش های بعدی مانند هشدارها و .. نیز صادق است.
برای تغییر رنگ هر قسمت از کلاس های زیراسفتاده کنید:
<span class="primary"> ... محتوا ... </span>
<div class="secondary"> ... محتوا ... </div>
و به همین ترتیب ...
اعلام‌ها
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
از کلاس زیر برای استایل قسمت بالا اسفتاده کنید:
.alert
برای انتخاب رنگ، از کلاس های استاندارد در ادامه کلاس بالا استفاده کنید
:مثال
<div class="alert success">... محتوا ...</div>
<div class="alert info">... محتوا ...</div>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
از کلاس زیر برای استایل قسمت بالا اسفتاده کنید:
.alert-2
برای انتخاب رنگ، از کلاس های استاندارد در ادامه کلاس بالا استفاده کنید
:مثال
<div class="alert-2 warning">... محتوا ...</div>
<div class="alert-2 error">... محتوا ...</div>
هایلایت
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
از کلاس زیر برای استایل قسمت بالا اسفتاده کنید:
.highlight
:مثال
... محتوا ... <span class="highlight"> عبارت مورد نظر </span> ... محتوا ...
لیست‌های بدون ترتیب
<ul>
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
<ul class="list-1">
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
<ul class="list-2">
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
<ul class="list-3">
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
<ul class="list-3 success">
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
<ul class="list-3 danger">
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
<ul class="list-3 warning">
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
- با استفاده از طراحان گرافیک است
همانطور که در بالا قابل مشاهه است، کلاس های مختلف لیست برای تغییر بولت کنار هر سطر می‌باشد، لذا از کلاس های زیر برای تغییر شکل بولت استفاده کنید
.list-1 ، .list-2 ، .list-3
برای انتخاب رنگ، از کلاس های استاندارد در ادامه کلاس بالا استفاده کنید
:مثال
<ul class="list-3 danger"><li>... محتوا ...</li></ul>
<ul class="list-1 info"><li>... محتوا ...</li></ul>
عدد بزرگ
۱
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۲
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۳
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۴
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۵
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۶
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
از کلاس زیر برای ایجاد استایل قسمت بالا اسفتاده کنید
.numblock-solid
رنگ پیش‌فرض سیاه است، برای انتخاب سایر رنگ‌ها، از کلاس های استاندارد در ادامه کلاس بالا استفاده کنید
:مثال
<p class="numblock-solid secondary">... محتوا ...</p>
۱
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۲
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۳
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۴
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۵
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
۶
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و با هدف بهبود ابزارهای کاربردی می باشد.
از کلاس زیر برای ایجاد استایل قسمت بالا اسفتاده کنید
.numblock-line
رنگ پیش‌فرض سیاه است، برای انتخاب سایر رنگ‌ها، از کلاس های استاندارد در ادامه کلاس بالا استفاده کنید
:مثال
<p class="numblock-line success">... محتوا ...</p>
کوت
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگره .
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگره .
از کلاس زیر برای استایل قسمت بالا اسفتاده کنید
.blockquote
برای ایجاد حالت ایتالیک از کلاس font-italic. در ادامه استفاده نمایید.
برای ایجاد علامت کوت در آغاز، پایان یا هردو از کلاس های زیر در ادامه کلاس blockquote. استفاده نمایید.
start-quote. و end-quote.
برای انتخاب رنگ، از کلاس های استاندارد در ادامه کلاس‌های بالا استفاده کنید
:مثال
<p class="blockquote start-quote end-quote font-italic secondary">... محتوا ...</p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد.
برای ایجاد کوت در داخل متن از کلاس زیر با توجه به مکان کوت در راست یا چپ استفاده کنید.
.blockquote-right
.blockquote-left
برای ایجاد خط در کنار کوت از کلاس های زیر در ادامه کلاس blockquote. استفاده نمایید.
quote-line-thick.(خط ضخیم)
quote-line-thin.(خط باریک)
برای انتخاب رنگ، از کلاس های استاندارد در ادامه کلاس‌های بالا استفاده کنید
:مثال
<i class="blockquote-right quote-line-thick primary">... محتوا ...</i>
بلاک
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر
برای ایجاد حالت بالا از کلاس زیر استفاده کنید.
.block-1"
:مثال
<p class="block-1">... محتوا ...</p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر
برای ایجاد حالت بالا از کلاس زیر استفاده کنید.
.block-2.
:مثال
<p class="block-2">... محتوا ...</p>
لجند
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر
برای ایجاد حالت بالا از کلاس زیر استفاده کنید.
.legend
:مثال
<p class="legend">... محتوا ...</p>
عکس
برای قرار دادن عکس در داخل متن از کلاس‌های زیر با توجه به مکان و اندازه عکس در راست یا چپ استفاده کنید.
.img-sm-right عکس کوچک سمت راست
.img-sm-left عکس کوچک سمت چپ
.img-md-right عکس متوسط سمت راست
.img-md-left عکس متوسط سمت چپ
:مثال
<span class="img-md-right clearfix">
<img src="...">
<small>
متن توضیح عکس
</small>
</span>
ایزی تریدر
آنلاین‌پلاس
متن توضیح عکس
پیوسته اهل دنیای موجود طراحی اساس