当我使用 bootstrap 类 进行响应式设计时,是否还必须使用媒体查询(对 resize/reposition 元素)?

Do I still have to use media queries ( to resize/reposition elements ), when I am using bootstrap classes for a responsive design?

我对媒体查询和 bootstrap 类 感到困惑。在某些时候,我认为如果我们使用 bootstrap 类 就没有必要进行媒体查询,但是当我为我的网站使用 bootstrap 时,它看起来并没有多大吸引力,因为元素的大小需要增加。为此,媒体查询是唯一的方式吗?

甚至 bootstrap 也使用媒体查询,因为它是 CSS 的语法,但 bootstrap 可能会让某些人更容易使用。我知道大公司不使用 bootstrap 而是使用纯 css 或制作自己的库。

简单回答: 是的,大多数 次 Bootstrap 类 足以用于完整视图和媒体查询的移动视图。

长答案: 90% 的时候,Bootstrap 类 对于网站来说已经足够了(不讨论设计复杂的网站)。在大视图和移动视图中都会很好。

然而,大多数使用 Bootstrap 的网站并不只是将 Bootstrap 用于 CSS。即使 Bootstrap 自己的网站也没有这样做,因为最终要使其像素完美(由于设计要求或其他原因),您确实需要添加一些自定义 css。如果用BootstrapSASS代替CDN版本修改变量,然后按照自己的意愿制作,很多这个都可以解决。但同样,并非总是如此。

人们不使用 Bootstrap 制作整个大型网站的原因是,最终他们总是需要一些自定义 CSS。即使您在 YouTube 等上浏览了一些 Bootstrap 演示项目,他们几乎总是会在最后添加某种形式的自定义 css 以进行最后润色。

Bootstrap 使您的写作 CSS 更容易,但不会完全取代它。