如何让按钮保持在固定的右上屏幕并且仍然可以使用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进行移动响应？

回答

相关问题