gpt4 book ai didi

css - 在 Twitter Bootstrap 中创建稳定的响应式布局

转载 作者:行者123 更新时间:2023-11-28 18:32:14 25 4
gpt4 key购买 nike

我正在使用 Twitter Bootstrap 构建响应式布局,但我发现很难让布局在所有尺寸/设备上看起来都很好。

在我早期的尝试中,我尝试简单地使用网格进行放置,但页面元素从未以不同的尺寸出现在我想要的位置。现在我正处于使用媒体查询覆盖某些 Bootstrap 样式和我自己的样式的地步。这似乎可能会导致维护方面的问题。

我认为我应该根据屏幕大小添加/删除样式 registering for media query events 而不是覆盖样式.

有人可以提供有关使用 Bootstrap 在不同屏幕尺寸下调整页面布局的最佳做法的建议吗?

我正在寻找一般性建议,但如果有帮助,我可以发布代码和屏幕截图。

更新:看起来媒体查询事件是 not well supported .

最佳答案

您走在正确的轨道上。使用 CSS 媒体查询。 Firefox 有一个很好的插件,可以让你将页面调整到特定的视口(viewport),这样你就可以逐个像素地看到变化,尽管我相信 chrome 会有类似的东西

没有什么特别的技巧只是因为它是 Bootstrap ,只要你启用了响应式样式表就可以了

这是开始媒体查询的好地方

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

关于css - 在 Twitter Bootstrap 中创建稳定的响应式布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13956204/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com