如何使用 Bootstrap 3 使按钮固定在右上角屏幕上并保持移动响应？

Question

我制作了一个自定义按钮并希望将其用作导航栏切换按钮，并使该按钮始终位于屏幕的右上角并具有移动响应能力，我找到的所有解决方案都使该按钮成为可能 position:fixed.但这不是移动响应，我尝试向右拉 class 但它仅在我位于屏幕顶部且未固定时有效。只要我应用固定的位置，它就会转到屏幕的左侧，如果我想让它移动响应，使用左或右将不起作用。无论如何要解决这个问题？

Answer 1

尝试在下方申请css

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

Answer 2

只是尝试失败并解决了它。简单地用 div 元素或其他元素包裹它，然后应用 div 向右浮动和一些小填充我设置了我的按钮。

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

Answer 3

好了

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

Answer 4

正如其他人所说：

top: 0;
right: 0;

..应该可以正常工作。 link a fiddle 也是个好主意。如果您希望它保持移动响应，只需将其包含在 bootstrap 网格中即可。

做了这个 fiddle

Answer 5

对于导航栏 Bootstraps 提供了特殊的类如果你想固定导航栏。使用 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

如何使用 Bootstrap 3 使按钮固定在右上角屏幕上并保持移动响应？

How to get button to stay on right top screen fixed and still mobile responsive with Bootstrap 3?

css

fixed

twitter-bootstrap-3