                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（JS插件篇）

如何让轮播图居中

怎么让图片居中？

Roc_Joe

2015-03-30

源自：玩转Bootstrap（JS插件篇） 5-9

关注问题我要回答

18130

操作

收起

6 回答

慕姐0249955
2019-01-08

.carousel{ /*轮播图居中*/
    width: 40%;
    margin:0 auto;
}

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

qq_逍遥游_0
2016-02-15

在img中添加class="center-block"

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

#1

有用点个赞！！

2016-04-26 回复有任何疑惑可以回复我~

#2

qq_慕移动238159

666

2019-05-14 回复有任何疑惑可以回复我~

#3

有用，点赞

2020-03-08 回复有任何疑惑可以回复我~

心飞扬01
2015-10-09

在设置轮播的框架中添加一个margin：0 auto 它就自动居中了

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

#1

qq_金成兴郭_0

设置轮播的框架在哪里呢，亲，可以说说吗

2016-01-04 回复有任何疑惑可以回复我~

qq_微凉徒眸意_0
2015-09-16

或者直接 style="width:100%"

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

qq_微凉徒眸意_0
2015-09-16

class="text-center"

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

qq_冬天冬眠
2015-05-19

就是啊，为什么我从案例中拷贝下来代码后，图片居左呢

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

举报

0/150

提交

取消

玩转Bootstrap（JS插件篇）

参与学习 128653 人
解答问题 305 个

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

本课相似问答

1 回答轮播的图片和内容不居中

3 回答图片轮播图片样式（居中大小自适应）

1 回答图片轮播--声明式触轮播图的播放（一）

2 回答bootstrap下如何做到背景轮播

1 回答轮播图播到后面没图了？

搜索更多本课相关问答

如何让轮播图居中

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号