作者:喵屎柔_ | 来源:互联网 | 2018-03-01 10:22
1、MakeImagesMobileResponsive用处: 使图片适配你的页面宽度。操作: 给图片添加.img-responsiveclass属性。<imgsrc"imagescat.jpg"class"img-responsive">2、CenterTextwithBootstrap用处: 使文本
1、Make Images Mobile Responsive用处: 使图片适配你的页面宽度。
操作: 给图片添加 .img-responsive class属性。
2、Center Text with Bootstrap
用处: 使文本居中。
操作: 给文本添加 center-text class属性。
Hi, I&#39;m Yamei.
补充: .text-right、.text-left、.text-primary(文本内容带有个primary class)、.text-success、.text-muted(减弱)、.text-info、.text-warning、.text-danger
3、Create a Bootstrap Button
用处: 创建一个Bootstrap自己button风格的按钮。
操作: 给文本添加 btn class属性。
效果如下:
(.active的效果图)
*以上是我个人在FCC学习中的整理的笔记,小白一枚,如有错误欢迎大家留言指出~
以上就是分享一个Bootstrap的知识详解的详细内容,更多请关注 第一PHP社区 其它相关文章!