لوگو مجتمع پارسیان دیتا

کار با پاراگراف و قالب‌بندی متن در بوت‌استرپ

bootstrap-learning

کار با پاراگراف‌ها

اندازه فونت جهانی بوت استرپ 14px با ارتفاع خط 1.428 می‌باشد که برای متن و همه‌ی پاراگراف استفاده می‌شود. علاوه بر آن دکمه‌ی حاشیه از نیمه‌ی ارتفاع خط برای کل پاراگراف‌ها استفاده می‌شود.
شما می‌توانید پاراگرافی با اضافه کردن گروهlead.  بسازید.
مثال:
 
<p>This is how a normal paragraph looks like in Bootstrap.</p>
 <p class ="lead">This is how a paragraph stands out in  Bootstrap.</p>
 
کد HTML مثال بالا نتیجه ی زیر را به دنبال دارد:
 پاراگراف در بوت استرپ
 
شما می توانید به راحتی با استفاده از گروه‌های هم ترازی متن یک پاراگراف و دیگر عناصر آن را در داخل یک متن تنظیم کنید.
مثال:
<p class="text-left"> Left aligned text. </p>
 <p class="text-center"> Center aligned text. </p> 
<p class="text-right"> Right aligned text. </p>
 <p class="text-justify"> Justified text </p> 
<p class="text-nowrap">No wrap text.</p>

قالب بندی متن bootstrap

شما در استفاده از برچسب‌های قالب‌بندی متن مانند <strong> ، <small> و <i> برای بولد کردن، ایتالیک کردن و یا کوچک کردن متن خود آزاد هستید، به همان روشی که در HTML انجام می دادید.
 
<p><b>This is bold text</b></p>
 <p><big>This is big text</big></p> 
<p><code>This is computer code</code></p>
<p><em>This is emphasized text</em></p>
 <p><i>This is italic text</i></p> 
<p><mark>This is highlighted text</mark></p> 
<p><small>This is small text</small></p> 
<p><strong>This is strongly emphasized text</strong></p>
 <p>This is <sub>subscript</sub> and <sup>superscript</sup></p> 
<p><ins>This text is inserted to the document</ins></p>
 <p><del>This text is deleted from the document</del></p>
خروجی مثال بالا مانند تصویر زیر می باشد:
قالب بندی متن با بوت استرپ
 
 
 
 

مطالب مرتبط

مزایای استفاده از تلفن نرم افزاری در مرکز تلفن

  مزایای استفاده از تلفن نرم افزاری در مرکز تلفن یکی از دلایل فراگیر شدن

در دنیا خودت را معرفی کن!

چند وقت پیش پدرم مطلبی برایم فرستاد که بسیار جالب بود.مطلب درباره ی چگونگی تاسیس

شرکت های برنامه نویسی و استارتاپ

  شرکت های برنامه نویسی و  استارتاپ یکی از چالش های بزرگ انجام پروژه

ویپ چیست و چه مزایای برای ما دارد؟

  ویپ چیست و چه مزایای برای ما دارد؟ تلفن یکی از پرکاربرد ترین تکنولوژی ه

چگونه محتوایتان را با سئو بهینه سازی کنید؟(بخش اول

یک سری راهنماهایی وجود دارد که همواره می توانید از آن ها استفاده کنید تا محتوایتان

نظر خود را اضافه کنید.

ارسال نظر به عنوان مهمان

0
  • هیچ نظری یافت نشد

خبرنامه

جستجو