القوائم المجردة والسطرية | تنسيق النصوص والخطوط في بوتستراب 5

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في أشرطة التذييل والبطاقات الجانبية غالباً ما نحتاج إلى بنية قائمة دلالية دون النقاط السوداء أو الحشو الجانبي الافتراضي؛ وهنا يزيل كلاس .list-unstyled علامات الترقيم والهامش الداخلي عن العناصر الأبناء المباشرين فقط، مما يحافظ على تمييز أي قائمة فرعية متداخلة ما لم تضف إليها الكلاس ذاته.

ولصف عناصر القائمة أفقياً في سطر واحد كروابط السياسات السفلية، اجمع كلاس .list-inline على القائمة الأب مع .list-inline-item على كل عنصر <li>، كما يمكنك تنظيم قوائم المصطلحات <dl> في عمودين متقابلين مباشرة عبر كلاسات الشبكة .row و.col-sm-*.

الصف 2 كود برمجي

HTML

<ul class="list-inline">
  <li class="list-inline-item">Docs</li>
  <li class="list-inline-item">Guides</li>
  <li class="list-inline-item">Changelog</li>
</ul>
<dl class="row">
  <dt class="col-sm-3">Engine</dt>
  <dd class="col-sm-9">Bootstrap 5.3 Reboot and RFS</dd>
</dl>

جرّب بنفسك

Unstyled and Inline Lists القوائم المجردة والسطرية

شرح صفوف ومحتوى الفقرة

جميع فقرات هذا الدرس (تنسيق النصوص والخطوط في بوتستراب 5)