通過引導將登錄按鈕移動到右側

我是一位新用戶，在網絡編程領域是一名初學者。通過引導將登錄按鈕移動到右側

我剛開始使用bootsrap創建自己的網站，並且無法通過指向btn-pull-right的導航欄上方的登錄網站鏈接移動登錄按鈕。如何將登錄按鈕移動到劇本的右側，以便到登錄網站的鏈接也能正常工作？這裏是我的代碼：

<body>   
    <div class="container" id="topContent">    
    <a class="btn btn-default btn-pull-right" href="../probe/signin.html" role="button">Sign in</a>   
    </div>   
    <nav class="navbar navbar-default navbar">    
    <div class="container-fluid">     
    <div class="navbar-header">

來源

2015-08-09 Adam.Biczo

它應該是「上拉看正確「而不是」btn-pull-right「 –

這就是解決方案！太好了謝謝！ –

在你的CSS：

創建一個類（signinbtn的爲例），並把它的位置是：絕對的。像這樣：

.signinbtn { 
position: absolute; 
top: 10px; 
right 10px; 
}

那麼你的類添加到BTN：像這樣：

<a class="btn btn-default btn-pull-right signinbtn" href="../probe/signin.html" role="button">Sign in</a>

來源

2015-08-09 12:04:46

感謝您花時間解決此問題，但效果不佳，因爲您的代碼將整個網站拉到一起，我不希望它看起來像那樣。我想使用網站的整個widht。 –

亞當，如果你想使用引導程序使用站點的整個寬度，你必須使用容器流體和列系統（col-xs，col-lg等）。放置一個絕對div並不會拉動整個頁面如果這樣做，那是因爲你做錯了什麼。你必須給我們的CSS和整個頁面的HTML代碼。並閱讀引導文檔 –

我看，這可能更合理。謝謝！ –

的btn-pull-right應該只是pull-right，因爲你可以從Bootstrap site

來源

2015-08-09 12:09:58

謝謝，問題已經通過刪除「pull-right」之前的「btn」段解決。 –

@ Adam.Biczo是的。我不知道你是否知道這個網站的工作原理，但是一旦你選擇了一個適合你的問題並且是解決方案的答案，你可以按下打勾並將其標記爲正確的答案。 –

通過引導將登錄按鈕移動到右側

回答

相關問題