Bootstrap 4参考手册
实用工具 | Utilities
位置 | Position
使用这些速记工具快速配置元素的位置。
共同的价值
快速定位类可用,但它们没有响应。
<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>
固定顶部
从边到边放置一个元素在视口的顶部。确保你了解项目中固定职位的影响;您可能需要添加aditional CSS。
<div class="fixed-top">...</div>
固定底部
将元素放置在视口的底部,从边到边。确保你了解项目中固定职位的影响;您可能需要添加aditional CSS。
<div class="fixed-bottom">...</div>
粘顶
将元素放置在视口的顶部,从边到边,但只能在滚过它之后进行。.sticky-top
实用程序使用CSS position: sticky
,这在所有浏览器中都不完全支持。
Microsoft Edge和IE11将呈现position: sticky
为**position: relative
。**因此,我们将这些样式封装在@supports
查询中,将粘滞性限制为只能正确呈现它的浏览器。
<div class="sticky-top">...</div>
实用工具 | Utilities相关
Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。
主页 | https://getbootstrap.com/ |
源码 | https://github.com/twbs/bootstrap |
版本 | 4 |
发布版本 | 4.0.0-beta.2 |