css - Bootstrap Affix 固定位置动态
问题描述
我正在使用 Bootstrap 在页面的一侧添加一个菜单。当用户滚动过去时,我希望菜单留在页面顶部。我发现了 bootstrap.js 中的词缀。但是,因为我在屏幕上使用了不同的 col 尺寸,所以我很难让它保持在正确的位置。
我已经让它在正确的时间开始并使其top
正确定位,但width
和right
不起作用。
我正在使用引导程序 3.3。
我认为我将不得不使用屏幕宽度的百分比,然后还要在 CSS 中进行媒体查询。
解决方案
我已经解决了。
带有词缀的元素必须是带有col-
类的元素的子元素。然后,您还必须为引导程序识别的每个不同屏幕宽度设置像素宽度。
推荐阅读
- c# - 如何在 Datetime 中使 formatException 消失
- databricks - Azure:我是否需要 Azure ML 资源才能在 Azure databricks 笔记本中使用 AutoML?
- python - 我不知道如何在 Python 中获得正确的输出
- flutter - 如何在颤振中调用两个firestore集合,即消息集合和用户集合
- amazon-web-services - 有没有办法将 DynamoDB 表状态从更新更改为活动?
- python - (Python)在任何列中选择包含字符串的行?
- sql - SQL查询联合两张表,通过多个关键字搜索多列
- python - 有没有更有效的方法来编写这个乘法表?
- theta360 - Ricoh Theta Z1 不接受我更改文件格式的请求
- sql - SQL 中的 1 小时窗口总和计算,间隔 5 分钟