![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
文章平均质量分 66
forwardMyLife
只争朝夕
展开
-
bootstrap的网格系统
1.bootstrap的栅格系统bootstrap包含了一个响应式的,移动设备优先,不固定的网格系统,可以随着屏幕的伸缩,改变列的大小和数量,同行最多12列。代码使用@media根据屏幕的大小控制样式。网格样式有4中类型,分别对应4中不同尺寸范围的屏幕样式,.col-xs- 设备小于768px.col-sm- 大于768px.col-md- 大于992px.col-lg- 大于12...原创 2019-05-26 19:02:13 · 2004 阅读 · 0 评论 -
bootstrap的模态框的使用
bootstrap的模态框如果只想单独使用模态框功能,可以单独引入modal.js,和bootstrap的css,在bootstrap的包中,可引入bootstrap.js。用法通过data属性,比如设置某个butto的data-toggle=’“modal”,同时设置 data-target="#myModal" 选择器内容,通过js直接用代码 $(’#myModal’).modal(...原创 2019-06-23 18:42:13 · 15359 阅读 · 1 评论