                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

为什么style设置宽度放到img里面就可以起作用,放到div里面就不起作用呢,这个跟教程上说的不同啊?

<div class="col-sm-6">
          <img class="img-responsive" alt="140x140" style="width:300px" src="http://placehold.it/140x140" />
          <div>响应式图片</div>
        </div>

像这样就起作用了啊

5km

2016-04-12

源自：玩转Bootstrap（基础） 3-24

关注问题我要回答

3348

操作

收起

5 回答

qq_面朝大海春暖花开_03687610
2016-07-21

处理图片的大小，是控制图片容器的大小，应该是<img>标签吧

0 回复有任何疑惑可以回复我~

好学的二黑
2016-05-20

放到div里是给div设置了宽度，你给div加个border就会看到效果了

0 回复有任何疑惑可以回复我~

爱study
2016-04-17

图片在加上宽度为100%就会根据div大小进行自适应了

0 回复有任何疑惑可以回复我~

吐圈圈儿吹泡泡儿
2016-04-13

应该是div使用了class="col-sm-6" 默认在小屏幕上为六个单元格的宽度，所以再给div加宽度，就失效了吧

0 回复有任何疑惑可以回复我~

芒果屋里的猫
2016-04-12

可能是样式覆盖了，理论上肯定有用的

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314544 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

2 回答放在列表下，单选就不起作用

8 回答div form-group起什么作用？

2 回答这里面的role起什么作用，不加效果也一样显示

2 回答select放div里有什么用

1 回答不添加caption也可以写到里面啊，直接放到<a>标签后

搜索更多本课相关问答

为什么style设置宽度放到img里面就可以起作用,放到div里面就不起作用呢,这个跟教程上说的不同啊?

我要回答关注问题

意见反馈帮助中心 APP下载