怎么把bootstrap做的网站布局设为响应式

2025-01-05 13:44:57
推荐回答(3个)
回答1:

bootstrap默认就是响应式的,除非你在css里面加了

.container { width:1170px;max-width:none !important;}这样的话页面就会固定布局,其他的不管你怎么调,只要都用bootstrap的样式class包含住就可以了!
至于你说的:“桌面浏览器上,显示为一行两列;如果是手机浏览器,则显示为两行一列。”,这是根据分辨率来判断的,如果你非要这样显示的话,我觉得可以这样 例如:@media (min-width: 768px) and (max-width: 991px) {.padding:5px;...}里面写你要显示还是 隐藏,可以根据间距宽度调整或其他的,说的有点乱,不知道对你有没有帮助!

回答2:

你这边是用栅格的吧 配置下class为 col-xs-1

回答3:

宽度改为%,不用px