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

توجد عدة طرق لدعم القوائم باللغة العربية أو حتى استخدام القوائم على اليمين والكتابة بأي لغة أخرى، فيمكنك على سبيل المثال استخدام 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 باللغة العربية فيمكنك استعمال نسخة تدعم العربية منه مثل هذه.

المصدر