اذهب إلى المحتوى
  • 0

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

prince_2017

السؤال

Recommended Posts

  • 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 باللغة العربية فيمكنك استعمال نسخة تدعم العربية منه مثل هذه.

المصدر

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...