in English
位置
使用这些助手快速配置元素的位置。
在本页面
固定顶
将元素从边到边定位在视口的顶部。确保您了解项目中固定位置的影响;您可能需要添加额外的 CSS。
<div class="fixed-top">...</div>
固定底
从边到边将元素放置在视口底部。确保您了解项目中固定位置的影响;您可能需要添加额外的 CSS。
<div class="fixed-bottom">...</div>
粘顶
将一个元素定位在视口的顶部,从一个边缘到另一个边缘,但只有在您滚动经过它之后。该.sticky-top
实用程序使用 CSS 的position: sticky
,并非所有浏览器都完全支持。
<div class="sticky-top">...</div>
响应式粘顶
.sticky-top
对于效用也存在响应变化。
<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>