متن و فونت
عناوین
تمامی عناوین html موجود می باشد.
عنوان
عنوان
عنوان
عنوان
عنوان
عنوان
نمونه پاراگراف
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
<p> ... </p>
نمونه پاراگراف تاکیدی
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
<p class="lead"> ... </p>
متن هایلایت شده
بخشی از این متن با استفاده از تگ mark هایلایت شده است.
<p> <mark> ... </mark> </p>
نمونه small
بخشی از این متن با استفاده از تگ small فونت آن کوچکتر شده است.
<p> <small> ... </small> </p>
نمونه strong
بخشی از این متن با استفاده از تگ storng فونت آن بلد شده است.
<p> <strong> ... </strong> </p>
نمونه مورب
بخشی از این متن با استفاده از تگ em مورب شده است.
<p> <em> ... </em> </p>
کلاس های کمکی
کلاس های تاکیدی
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
<p class="text-muted"> ... </p>
<p class="text-primary"> ... </p>
<p class="text-success"> ... </p>
<p class="text-info"> ... </p>
<p class="text-warning"> ... </p>
<p class="text-danger"> ... </p>
زمینه های تاکیدی
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
<p class="bg-primary"> ... </p>
<p class="bg-success"> ... </p>
<p class="bg-info"> ... </p>
<p class="bg-warning"> ... </p>
<p class="bg-danger"> ... </p>
کلاس های تنظیم متون
متن چپ چین
متن وسط چین
متن راست چین
متن justify شده
<p class="text-left"> ... </p>
<p class="text-center"> ... </p>
<p class="text-right"> ... </p>
<p class="text-justify"> ... </p>
بلاک نقل قول
بلاک پیش فرض
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
<blockquote> <p> ... </p> </blockquote>
بلاک به همراه فوتر
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
<blockquote>
<p> ... </p>
<footer> ... </footer>
</blockquote>
بلاک معکوس
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
<blockquote class="blockquote-reverse"> <p> ... </p> </blockquote>
جداول
نمونه اولیه جدول
# | نام | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | علی | علوی | ali |
2 | احمد | احمدی | ahmad |
3 | رضا | رضایی | reza |
<table class="table"> ... </table>
جدول با خطوط اطراف آن
# | نام | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | علی | علوی | ali |
2 | احمد | احمدی | ahmad |
3 | رضا | رضایی | reza |
<table class="table table-bordered"> ... </table>
جدول با رنگ پس زمینه
# | نام | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | علی | علوی | ali |
2 | احمد | احمدی | ahmad |
3 | رضا | رضایی | reza |
<table class="table table-striped"> ... </table>
لیست
لیست نامنظم
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
<ul> <li> ... <li> </ul>
لیست منظم
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
<ol> <li> ... <li> </ol>
لیست بدون آیکن
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
- لورم ایپسوم متن ساختگی با تولید سادگی
<ul class="list-unstyled"> <li> ... <li> </ul>
لیست خطی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
<ul class="list-inline"> <li> ... <li> </ul>
لیست توضیحی
- عنوان یک
- توضیحی دباره عنوان یک
- عنوان دو
- توضیحی دباره عنوان دو
- عنوان سه
- توضیحی دباره عنوان سه
<dl>
<dt> ... </dt>
<dd> ... </dd>
</dl>
دکمه ها
تنطیمات دکمه ها
<button type="button" class="btn btn-raised btn-primary">اولیه</button>
<button type="button" class="btn btn-raised btn-success">موفق</button>
<button type="button" class="btn btn-raised btn-info">اطلاعات</button>
<button type="button" class="btn btn-raised btn-warning">هشدار</button>
<button type="button" class="btn btn-raised btn-danger">خطر</button>
<button type="button" class="btn btn-raised active">.active</button>
نشان ها
<a href="#"> ... <span class="badge"> 42 </span> </a>
<button type="button" class="btn btn-primary">
...
<span class="badge"> 4 </span>
</button>
هشدارها
<div role="alert" class="alert alert-success"> ... </div>
<div role="alert" class="alert alert-info"> ... </div>
<div role="alert" class="alert alert-warning"> ... </div>
<div role="alert" class="alert alert-danger"> ... </div>
نمونه اولیه جدول
......................................................................................................................................................................................................................................
تعداد اتصال : 3 کاربر همزمان و بدون محدودیت حجمی