如何讓按鈕保持在固定的右上屏幕並且仍然可以使用Bootstrap 3進行移動響應？

我做了一個自定義按鈕，並希望將其用作導航欄切換，並使按鈕始終保持在屏幕的右上方並且是移動響應，我找到的所有解決方案都使按鈕位置：固定。但這不是移動響應，我嘗試拉右班，但它只適用於當我在屏幕的頂部，而不是固定的。只要我將位置固定到屏幕的左側，使用左側或右側將無法工作，如果我想讓它移動響應。無論如何解決這個問題？如何讓按鈕保持在固定的右上屏幕並且仍然可以使用Bootstrap 3進行移動響應？

來源

2017-08-25 SilvarCraw

正如有人說：

top: 0; 
right: 0;

..should做工精細。鏈接小提琴也是個好主意。如果您希望它保持移動性，請將其包含在自舉網格中。

提出這一fiddle

來源

2017-08-25 09:45:55

嘗試應用下面的CSS

.customButton{ 
    top : 0; 
    right : 0; 
    position: fixed; 
}

來源

2017-08-25 09:07:11

它只是朝我的屏幕左側 – SilvarCraw

只是嘗試和失敗，並解決它。只需用div元素或其他元素包裝它，並應用div浮動權和一些小填充我有我的按鈕設置。

<div style='float:right;'> 
    <button style='position:fixed;'></button> 
</div>

來源

2017-08-25 09:12:03 SilvarCraw

你去那裏

<input type="button" style="position:fixed; top:0px; right:0px;" />

來源

2017-08-25 09:14:14 Dumisani

因爲如果你不想被固定的導航欄導航欄白手起家提供特殊課程。從https://getbootstrap.com/docs/3.3/components/#navbar-fixed-top

使用「.navbar-fixed-top」浮動可以使用「.pull-right」來完成，如您所說，或使用「.navbar-left」。此外，您還需要注意您在「.collapsed」區域放置的內容。

有時您可能需要爲移動和桌面視圖重複一些鏈接。您也可以使用響應式類，如「.hidden-xs」等。請參閱https://getbootstrap.com/docs/3.3/css/#responsive-utilities

來源

2017-08-25 10:26:01

如何讓按鈕保持在固定的右上屏幕並且仍然可以使用Bootstrap 3進行移動響應？

回答

相關問題