![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap
文章平均质量分 86
kun鲲
这个作者很懒,什么都没留下…
展开
-
Bootstrap学习笔记(二)全局CSS样式
学习的是Bootstrap3 1、jQuery与Bootstrap区别jQuery是一个JS框架;jQueryUI是一个HTML组件库;Twitter Bootstrap是一个HTML/CSS/JS框架,适用于移动设备优先的响应式网页。 2、 Bootstrap2 vs Bootstrap3Bootstrap2:面向PC进行了样式设定,同时兼顾PAD和PHONE...原创 2018-11-29 21:20:39 · 345 阅读 · 0 评论 -
Bootstrap学习笔记(一)入门
1、什么是响应式网页响应式网页/自适应网页(适应各种设备):一个页面,可以在各种不同的设备下浏览,都有不错的浏览体验。 2、响应式网页的三个特征: (1)流式网格布局(像水一样,随容器形状的变化产生变化) (2)可伸缩的图片和字体 (3)CSS3 Media Query(媒介查询) 3、如何测试响应式网页 (1)使用真实物理设备——效果可靠但任务量太大...原创 2018-11-28 21:03:25 · 291 阅读 · 2 评论 -
Bootstrap学习笔记(三)组件
1、复习总结:全局CSS样式:按钮 .btn .btn-default图片 .img-rounded .img-circle .img-thumbnail .img-responsive文本 .text-五种 .bg-五种 .text-left/right/center/justify排版和代码 .list-unstyled .list-inline表格...原创 2018-12-05 17:17:08 · 977 阅读 · 0 评论 -
Bootstrap学习笔记(四)插件
小知识点:盲人、智力低下、行动障碍等H5标签中有两类属性与“无障碍阅读”相关: (1)<ANY role=""> <b role="button"></b> VDA (2)<ANY aria-*=""> 1、插件——概述 Bootstrap基于jQuery提供了十几个插件函数(类似于j原创 2018-12-09 10:54:26 · 288 阅读 · 0 评论 -
Bootstrap学习笔记(五)定制Bootstrap与动态样式语言Less基本用法
1、实现Bootstrap样式定制的步骤 (1)编写自定义的css,覆盖bootstrap.css中提供的样式缺点:产生大量的冗余/无用代码 (2)直接修改bootstrap.css文件缺点:任务量太大! CSS的通病 (3)修改Bootstrap开发者编写的Bootstrap源代码 bootstrap.less文件目前是最好的办法 2、动态样式语言...原创 2018-12-16 17:42:23 · 517 阅读 · 0 评论