• 0

كيف أضع القوائم على اليمين في bootstrap؟

في موضع القوائم في bootstrap كيف اجعل navbar-default navbar-static-top علي اليمين

مع اني وضعت 

<html lang="ar" dir="rtl">

ولم تنجح؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

توجد عدة طرق لدعم القوائم باللغة العربية أو حتى استخدام القوائم على اليمين والكتابة بأي لغة أخرى، فيمكنك على سبيل المثال استخدام navbar-right كما في المثال التالي:

 <nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page1</a></li>
      <li><a href="#">Page2</a></li>
      <li><a href="#">Page3</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#"><span class="glyphicon glyphicon-user"></span> Page4</a></li>
      <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Page5</a></li>
    </ul>
  </div>
</nav>

لاحظ أننا في المثال وضعنا القوائم على اليمين واليسار.

بالمناسبة إذا أردت استخدام bootstrap باللغة العربية فيمكنك استعمال نسخة تدعم العربية منه مثل هذه.

المصدر

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن