اعدادات الكتابة و العناوين مع توفي خدمة Bootstrap

إذا كنت من محبي Bootstrap، فهنا لك أخبار سارة ومبهجة، حيث قام فريق تطوير Arabs News Theme V.1 CSS بجهد كبير لاستحضار أحدث تقنيات Bootstrap 5، وذلك لتوفير تجربة متميزة ومتطورة لكل من يستخدم هذا الثيم. باستخدام الأساسيات الجديدة من Bootstrap، يمكنك الآن الاستفادة من مجموعة واسعة من الميزات والأدوات التي توفرها هذه الإطارات بكل سهولة ويسر، مما يسهل عليك تصميم وتنفيذ مشاريعك بكفاءة وفعالية أكبر. فبفضل هذه الخطوة الجديدة، يمكنك الآن الاستفادة من كل ما تقدمه Bootstrap في تصميم وتطوير مواقع الويب الخاصة بك، والتي ستضفي لمسة متميزة وجذابة على مشاريعك الرقمية.

عنوان 1. عنوان مثال

عنوان 2. عنوان مثال

عنوان 3. عنوان مثال

عنوان 4. عنوان مثال

عنوان 5. عنوان مثال

عنوان 6. عنوان مثال

<h1>عنوان 1. عنوان مثال</h1>
<h2>عنوان 2. عنوان مثال</h2>
<h3>عنوان 3. عنوان مثال</h3>
<h4>عنوان 4. عنوان مثال</h4>
<h5>عنوان 5. عنوان مثال</h5>
<h6>عنوان 6. عنوان مثال</h6>

نص مثال fs-1

نص مثال fs-2

نص مثال fs-3

نص مثال fs-4

نص مثال fs-5

نص مثال fs-6

نص مثال fs-7

نص مثال fs-8

<p class="fs-1">نص مثال fs-1</p>
<p class="fs-2">نص مثال fs-2</p>
<p class="fs-3">نص مثال fs-3</p>
<p class="fs-4">نص مثال fs-4</p>
<p class="fs-5">نص مثال fs-5</p>
<p class="fs-6">نص مثال fs-6</p>
<p class="fs-7">نص مثال fs-7</p>
<p class="fs-8">نص مثال fs-8</p>

عرض 1

عرض 2

عرض 3

عرض 4

عرض 5

عرض 6

<h1 class="display-1">عرض 1</h1>
<h1 class="display-2">عرض 2</h1>
<h1 class="display-3">عرض 3</h1>
<h1 class="display-4">عرض 4</h1>
<h1 class="display-5">عرض 5</h1>
<h1 class="display-6">عرض 6</h1>

فقرة قيادية.

نص مميز.

نص محذوف

نص مسطر

نص صغير

نص عريض

نص مائل

<p class="lead">فقرة قيادية.</p>
<p><mark>نص مميز</mark>.</p>
<p><del>نص محذوف</del></p>
<p><u>نص مسطر</u></p>
<p><small>نص صغير</small></p>
<p><b>نص عريض</b></p>
<p><i>نص مائل</i></p>

اقتباس معروف، موجود في عنصر blockquote.

<blockquote class="ps-3 border-start border-3 text-reset">
    <p class="blockquote">اقتباس معروف، موجود في عنصر blockquote.</p>
      <figcaption class="blockquote-footer">شخص مشهور</figcaption>
</blockquote>

• هذا قائمة 1.
• هذا قائمة 2.
• هذا قائمة 3.
• هذا قائمة 4.
  • هذه قائمة فرعية 1.
  • هذه قائمة فرعية 2.
  • هذه قائمة فرعية 3.
• هذا قائمة 5.

<ul>
  <li>هذا قائمة 1.</li>
  <li>هذا قائمة 2.</li>
  <li>هذا قائمة 3.</li>
  <li>هذا قائمة 4.
    <ul>
      <li>هذه قائمة فرعية 1.</li>
      <li>هذه قائمة فرعية 2.</li>
      <li>هذه قائمة فرعية 3.</li>
    </ul>
  </li>
  <li>هذا قائمة 5.</li>
</ul>

نص عينة هنا...

وسطر آخر من النص العينة هنا...

<p>نص عينة هنا...</p>
<p>وسطر آخر من النص العينة هنا...</p>

عينة : عنوان النص.

<p>نص عينة هنا...</p>
<p>وسطر آخر من النص العينة هنا...</p>
<pre class="Ar-bg-light p-3"><code class="fs-8">&lt;p&gt;نص عينة هنا...&lt;/p&gt;<br />&lt;p&gt;وسطر آخر من النص العينة هنا...&lt;/p&gt;</code></pre>
<p class="p-3 Ar-bg-light border-start border-5 border-warning">عينو :<a href="#####">عنوان النص</a>.</p>

<div class="table-responsive">
<table class="table table-bordered Ar-border-light text-reset">
  <thead class="table-dark">
    <tr>
      <th scope="col">الأول</th>
      <th scope="col">الثاني</th>
    </tr>
  </thead>
  <tbody>
    <tr> 
      <td>مارك</td>
      <td>أوتو</td>
    </tr>
    <tr>
      <td>جاكوب</td>
      <td>ثورنتون</td>
    </tr>
    <tr>
      <td>لاري</td>
      <td>الطائر</td>
    </tr>
  </tbody>
</table>
</div>