bootstrap实战项目:响应式网页--遇到的错误以及解决办法

本文总结了在使用Bootstrap构建响应式网页时遇到的问题,包括CDN加速问题、导航栏自适应、超链接样式、图片居中、栅格背景色、font-weight错误和警告框清除等。针对每个问题提供了详细的解决方法,如更换CDN源、检查代码、添加CSS样式等。同时,提出了对textarea中row和cols属性的理解。
摘要由CSDN通过智能技术生成

问题1:

国内CDN加速:http://cdn.code.baidu.com无法访问该网站,
可以换成该网站进行CDN加速:https://www.bootcdn.cn/

问题2 :

?关于自适应网页的首页导航栏,在缩小时无法变成按钮
解决办法:
1)代码错误,仔细检查代码
2)网速加载太慢,建议换成本地的bootstrap文件

问题3:

?在论坛区的超链接a是有颜色的,以及在网页缩小自适应的时候会有下划线
解决办法:
选中a标签选择器,为其添加样式,添加的样式具体如下所示:
a{
color: #212121;
text-decoration: none;
}

问题4

?图片在网页缩小自适应时无法居中
解决办法:为img标签添加类属性:class=“img-responsive center-block” ,如果只添加img-responsive这个类属性,那么图片依旧是无法居中的。

问题5

?使用栅格系统时,要使某个版块(col-md-3)触碰以后要有整个背景颜色
解决办法:选中.col-md-3所在的大容器选择器,然后再选中 .col-md-3,为其添加hover属性,在其内部添加颜色。如果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值