bootstrap 5 中断点的顺序是否重要
Does order of breakpoints matter in bootstrap 5
我已经使用 Bootstrap 三四个月了。我一直在使用这样的端点序列,例如:
<div class="col-xxl-5 col-md-7 col-12"></div>
所以,按顺序我的意思是我是从大屏幕开始,然后是移动版本。但是在许多 Bootstrap 模板中我看到了相反的情况,例如:
<div class="col-12 col-md-7 col-xxl-5"></div>
对于 Bootstrap,我将使用哪个顺序重要吗?如果是,哪种做法更好,为什么?
谢谢!
Bootstrap 相信移动优先的响应式设计,他们开始在最小的断点上构建组件,然后在样式上分层以针对更大的设备调整设计,因此他们从 col-12 开始并以 [=16 结束=]-5。短期顺序并不重要,如果您使用他们指定的顺序,这是一个很好的做法。
<div class="col-12 col-md-7 col-xxl-5"></div>
https://getbootstrap.com/docs/5.0/layout/breakpoints/#core-concepts
我已经使用 Bootstrap 三四个月了。我一直在使用这样的端点序列,例如:
<div class="col-xxl-5 col-md-7 col-12"></div>
所以,按顺序我的意思是我是从大屏幕开始,然后是移动版本。但是在许多 Bootstrap 模板中我看到了相反的情况,例如:
<div class="col-12 col-md-7 col-xxl-5"></div>
对于 Bootstrap,我将使用哪个顺序重要吗?如果是,哪种做法更好,为什么?
谢谢!
Bootstrap 相信移动优先的响应式设计,他们开始在最小的断点上构建组件,然后在样式上分层以针对更大的设备调整设计,因此他们从 col-12 开始并以 [=16 结束=]-5。短期顺序并不重要,如果您使用他们指定的顺序,这是一个很好的做法。
<div class="col-12 col-md-7 col-xxl-5"></div>
https://getbootstrap.com/docs/5.0/layout/breakpoints/#core-concepts