网站怎么做seo,北京vi设计企业,如何进入网站开发后台,做外贸没有网站需要一、目前比较主流的前端框架有#xff1a; 1.layui 2.vue.js 3.bootstrap 4.jquery ui 二、bootstrap#xff1a; 1.来自Twitter,目前最流行的前端框架之一 2.是基于HTML、CSS和JavaScript的一个简洁、灵活的开源框架。 3.目前版本是V3 三、bootstrap的优势#xff1a; 1.快…一、目前比较主流的前端框架有 1.layui 2.vue.js 3.bootstrap 4.jquery ui 二、bootstrap 1.来自Twitter,目前最流行的前端框架之一 2.是基于HTML、CSS和JavaScript的一个简洁、灵活的开源框架。 3.目前版本是V3 三、bootstrap的优势 1.快速制作响应式的网页来适配各种终端 2.开发简单、方便 3.移动先行 4.代码开源 5.代码有良好的规范 四、使用bootstrap的步骤 1.在head里面写 2.在title下面引入css文件 3.在上面引入js文件注意顺序先引入jquery的js在引入bootstrap的js。 五、bootstrap架构 1.响应式设计 2.CSS组件 3.JavaScript插件 4.基础布局组件 5.12栅格系统 6.jQuery1.10 六、12栅格系统 1.概念就把网页的总宽度分为12等分。 2.实现原理 1通过定义容器的大小平分为12份。 2调整内外边距 3结合媒体查询 七、列组合 1.语法 6等分 6等分 八、列偏移1.语法
向右偏移2等分九、列嵌套语法6等分 十、列排序语法9等分3等分十一、响应式栅格1.小屏幕手机768px (xs)2.小屏幕平板768px (sm)3.中屏幕(桌面显示器)992px (md)4.大屏幕(大桌面显示器)1200px (lg)eg:既要支持小屏幕也需要支持大屏幕十二、CSS全局样式1.标题样式.h1~.h62.页面主体默认页面中的字体都是12px,如果要突出显示字体的话需要加class样式lead3.突出字体突出4.强调文本左对齐text-left右对齐text-right居中text-center两端对齐text-justify5.列表class“list-inline”6.表单语法姓名 7.控件大小1.大型输入框2.小型输入框8.按钮1.灰色btn btn-default2.深蓝色btn btn-primary3.绿色btn btn-success4.天蓝色btn btn-info5.黄色btn btn-warning6.红色btn btn-danger7.链接btn btn-link9.按钮大小1大型btn-lg2小型btn-sm3超小型btn-sx10.图片1响应式:img-responsive2圆角img-rounded3圆形img-circle4圆角边框img-thumbnails
