如何让按钮保持在固定的右上屏幕并且仍然可以使用Bootstrap 3进行移动响应?
问题描述:
我做了一个自定义按钮,并希望将其用作导航栏切换,并使按钮始终保持在屏幕的右上方并且是移动响应,我找到的所有解决方案都使按钮位置:固定。但这不是移动响应,我尝试拉右班,但它只适用于当我在屏幕的顶部,而不是固定的。只要我将位置固定到屏幕的左侧,使用左侧或右侧将无法工作,如果我想让它移动响应。无论如何解决这个问题?如何让按钮保持在固定的右上屏幕并且仍然可以使用Bootstrap 3进行移动响应?
答
尝试应用下面的CSS
.customButton{
top : 0;
right : 0;
position: fixed;
}
答
只是尝试和失败,并解决它。 只需用div元素或其他元素包装它,并应用div浮动权和一些小填充我有我的按钮设置。
<div style='float:right;'>
<button style='position:fixed;'></button>
</div>
答
你去那里
<input type="button" style="position:fixed; top:0px; right:0px;" />
答
因为如果你不想被固定的导航栏导航栏白手起家提供特殊课程。从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
它只是朝我的屏幕左侧 – SilvarCraw