如何在引导过程中将列表项向右对齐？

-3

我开发一个网站，我想知道我该如何调整两个列表项（注册和登录）在网站的右侧，同时保持其它到位？

我正在使用帕格。

#bs-example-navbar-collapse-1.collapse.navbar-collapse 
    ul.nav.navbar-nav 
    li 
     a(href="#") Product 
    li 
     a(href="#") Features 
    li 
     a(href="#") Pricing 
    li 
     a(href="#") Blog 
    li 
     a(href="#") Contact Us 
    li 
     a(href="sign-up") Sign Up 
    li 
     a(href="#") Login

来源

2017-04-24 kupak12

在这个问题 – Swellar

欢迎堆栈溢出包括你的代码！寻求调试帮助的问题（“**为什么不是这个代码工作？”）必须包含所需的行为，特定的问题或错误以及所需的最短代码**。对其他读者没有明确问题陈述的问题没有用处。请参阅：[如何创建最小，完整和可验证示例]（https://stackoverflow.com/help/mcve）。 –

将代码包含为代码，而不是图像。这两个图像似乎也显示相同的代码。 – Lissy

Bootstap 4

如果您在使用引导V4，这是相当简单的。您只需要应用.navbar-toggler-right修饰符类。默认情况下，它的响应速度很快，因此只能在较大的屏幕上显示，并且可以堆叠在移动设备上。

nav.navbar.navbar-toggleable-md 
    .collapse.navbar-collapse 
    ul.navbar-nav.mr-auto.mt-2.mt-lg-0 
     li 
     a(href="#") Product 
     li 
     a(href="#") Features 
     li 
     a(href="#") Pricing 
     li 
     a(href="#") Blog 
     li 
     a(href="#") Contact Us 
    ul.my-2.my-lg-0 
     li 
     a(href="sign-up") Sign Up 
     li 
     a(href="#") Login

更多，该Bootstrap Documentation on Navbar

引导3（最新稳定版）

如果[R使用引导程序的最新稳定版本，或低于4事情，那么这个更容易。只需定义右键神韵：ul这样ul.nav.navbar-nav.navbar-right

nav.navbar 
    .container-fluid 
    ul.nav.navbar-nav 
     li 
     a(href="#") Product 
     li 
     a(href="#") Features 
     li 
     a(href="#") Pricing 
     li 
     a(href="#") Blog 
     li 
     a(href="#") Contact Us 
    ul.nav.navbar-nav.navbar-right 
     li 
     a(href="sign-up") Sign Up 
     li 
     a(href="#") Login

了解更多，W3Schools的有tutorial about Bootstrap navbars

来源

2017-04-24 10:44:05 Lissy

真棒，谢谢！ – kupak12

如何在引导过程中将列表项向右对齐？

回答

相关问题