随笔分类 - 1_Bootstrap
Bootstrap
摘要：Bootstrap3和Bootstrap4区别 一、总结 一句话总结： a、新增网格层适配了移动端； b、全面引入ES6新特性（重写所有JavaScript插件）； c、css文件减少了至少40%； d、所有文档都用Markdown编辑器重写； 1、初学者应该学bootstrap3还是学bootst
阅读全文
摘要：bootstrap4学习及使用 一、总结 一句话总结： bootstrap4的使用也非常简单，引入对应的css文件和js文件，然后参照文档使用具体的样式就可以了，bootstrap4的使用非常简单 二、bootstrap4
阅读全文
摘要：bootstrap课程15 左右滑动式幻灯片如何实现 一、总结 一句话总结：布局：放图片的div很宽，放3幅图，但是只显示一幅图，其它隐藏；算法：实现图片切换也就是改变第二个div的 left属性即可。 1、左右滑动式幻灯片的算法是什么？ <div><div><img>*3</div></div>最
阅读全文
摘要：bootstrap课程14 透明度逐渐变小的幻灯片怎么实现 一、总结 一句话总结：a：样式：其实是把几张幻灯片用绝对定位放在一起了，注意的就是他们的叠放次序，这一张透明度逐渐为0的过程中，下一张一直在它的下面；b：算法：其实代码都不用变，只用改变图片的堆叠顺序即可实现幻灯片：设置定时器，让最后一张不
阅读全文
摘要：bootstrap课程13 bootstrap的官方文档中有一些控件的使用有bug，如何解决这个问题 一、总结 一句话总结：因为演示是正常的，所以检查演示效果的代码，把那一段相关的都弄过来就可以了 1、工具提示是怎么做出来的？ Hover over the links below to see to
阅读全文
摘要：bootstrap课程12 滚动监听如何实现（bootstrap方式和自定义方式） 一、总结 一句话总结：通过监听滚动的高，判断滚动的高是否大于元素距离顶端的距离 1、如何知道屏幕滚动的高？ 2、如何知道元素距离顶端的距离？ offset的top属性 3、bootstrap中如何实现滚动监听？ 需要
阅读全文
摘要：bootstrap课程11 模态框如何使用 一、总结 一句话总结：多看手册咯。 1、模态框对应的英文单词是什么？ modal，而不是madel 2、bootstrap中如何关闭某个效果？ 比如要关掉modaldata-dismiss="modal" 3、bootstrap里面的事件就是data-什么
阅读全文
摘要：bootstrap课程10 从外部引入视频到页面用什么标签 一、总结 一句话总结：a、iframe标签；b、embed标签；c、video标签 1、bootstrap具有响应式特性的嵌入内容如何实现？ 根据被嵌入内容的外部容器的宽度，自动创建一个固定的比例，从而让浏览器自动确定视频或 slidesh
阅读全文
摘要：bootstrap课程9 bootstrap如何实现动画加载进度条的效果 一、总结 一句话总结：在bootstrap进度条的基础上添加js（定时器），动态的改变进度条即可。很简单的。 1、路径导航是什么？ 就是面包屑导航 2、巨幕的特点是什么？ 加了灰色的背景色，然后把里面的字变大看起来很宽大的感觉
阅读全文
摘要：bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何（多去看参考手册） 一、总结 一句话总结：在手机端或者平板端或者显示不够的话就缩起来了。（多去看参考手册） 二、bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何 1、相关知识 导航条:.navba
阅读全文
摘要：bootstrap课程7 jquery中结束之前动画用什么 一、总结 一句话总结：stop()方法。(′.navs′).not(('.navs').eq(idx)).stop().hide(100); 1、bootstrap导航效果移入对应li，这个li没有加active类，如何实现让它加上？
阅读全文
摘要：bootstrap课程6 bootstrap的表单注意事项有哪些 一、总结 一句话总结： 1、bootstrap中的表单中的每一项是什么样的形式？ div.form-group>label +input的形式 2、form里面的.form-control 类的 input、textarea 和 se
阅读全文
摘要：bootstrap课程5 bootstrap中的组件使用的注意事项是什么 一、总结 一句话总结： 1、img-responsive的作用是什么（其实还是要多看手册）？ 看起来像width=100%的效果，其实质是为图片设置了 max-width: 100%;、 height: auto; 和 dis
阅读全文
摘要：bootstrap课程4 bootstrap的css样式有哪些内容需要注意 一、总结 一句话总结： 1、如何选择产品（框架）的版本？ 大版本下的最后一个版本，但是同时又要选择稳定的版本，也就是如果做产品的话，不建议选最新的，可以选稳定的，我学thinkphp的时候，5版本已经出来很久了，所以可以选这
阅读全文
摘要：基于bootstrap的主流框架有哪些 一、总结 一句话总结：其实可以直接百度bootstrap后台模板，出来一大堆，想用哪个用哪个。 二、【前端框架系列】浅谈当前基于bootstrap框架的几种主流前端框架 一 概述 当新开发一个项目或产品时，技术选型是一个不可缺少的环节，在软件架构中有着举足轻重
阅读全文
摘要：用bootstrap做一个背景可轮转的登录界面 一、总结 一句话总结：用css3的动画的 @keyframes 规则，制作轮转图。 1、用bootstrap做一个背景可轮转的登录界面？ a、动画部分用的animation动画，动态的切换背景图 b、样式布置用的网格系统，offset-3实现居中 水平
阅读全文
摘要：bootstrap课程3 bootstrap中常用的排版样式有哪些 一、总结 一句话总结：bootstrap里面对常用表情比如p、h1、code等html中的常用表情都修改了样式，照着手册用就好，样式相对还挺好看的。 1、bootstrap如何做选择题？ 自定义样式列表dl dt dd 2、boot
阅读全文
摘要：bootstrap课程2 bootstrap的栅格系统的主要作用是什么 一、总结 一句话总结：响应式布局（就是适应不同的屏幕，手机，平板，电脑） 1、bootstrap的栅格系统如何使用？ row + col-md-4 2、bootstrap的栅格系统的主要作用是什么？ 响应式布局（就是适应不同的屏
阅读全文
摘要：bootstrap课程1 bootstrap为什么这么火 一、总结 一句话总结：响应式，样式多，功能多。 1、bootstrap通过什么药实现响应式？ 响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法。是目前比较流行的一种布局方法。 通过CSS3 Media Queries（
阅读全文
摘要：Flat UI简介 一、简介 Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架，他提供了动感、时尚的风格色调搭配，简洁、炫丽的功能组件，同时还提供了更为平滑的js交互动画，可以称得上前端扁平化设计框架的优秀代表之一 二、如何评价Bootstrap和Flat UI 先来说Boot
阅读全文
