首页 > 其他 > 详细

bootstrap的使用方法

时间:2019-09-20 22:17:30      阅读:87      评论:0      收藏:0      [点我收藏+]

起步:

下载bootstrap

在文件中引入文件:

技术分享图片

 

布局容器:

 

 技术分享图片

 

栅格系统:

技术分享图片

 

 

 栅格系统的参数:

根据设备屏幕大小的不同变换显示的格式:

技术分享图片

 

 

 起手就需要完成的代码:

技术分享图片

 

 

 表格标签立马可以设置的样式:

技术分享图片

 

 

 表单的样式控制:

class = "form-control"

按钮样式设置:

技术分享图片

 

 

 需要掌握的颜色:

技术分享图片

 

 

 浮动的设置:

技术分享图片

 

 

 清除浮动:

技术分享图片

 

 重点要看的内容:

技术分享图片

 

 图标比较齐全的网站:

技术分享图片

 

bootstrap的使用方法

原文:https://www.cnblogs.com/yangjiaoshou/p/11559796.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!