如何在引導過程中將列表項向右對齊？

-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

如何在引導過程中將列表項向右對齊？

回答

相關問題