After following, you can keep track of his dynamic information in a timely manner
Courses in the relevant section:Introduction to Bootstrap
bootstrap特性 1、完整的CSS插件。 2、丰富的预定义样式表。 3、基于jQuery的js插件。 4、灵活的栅格系统,并支持移动先行。
2020-02-170个赞
Courses in the relevant section:Getting Started Example Creation
1.2入门例子创建 active 选中 li加入a标签是可选中状态 container容器(可以用来放logo等) link引入资源文件
2020-02-170个赞
Courses in the relevant section:Global CSS Style-Typography
1.3全局CSS样式排版 标题:h1h2h3的区别 副标题small的作用 P标签行高字体大小固定。但可以通过lead等样式来更改 mark改变p标签的背景颜色
2020-02-170个赞
Courses in the relevant section:Bootstrap CSS Grid
2.1bootstrap css 栅格 css的描述 containers的好处:提供padding属性,一般用div包裹 栅格系统:grid system 使用方便 不管在上面设备上最多只能承载十二列 通过行与列来进行布局,有点类似于表格,不过比表格方便 大部分引擎对于div比较友好 布局方式: 手机:none(auto) pad:750,小型显示器:970.大型显示器:1170px 添加栅格col-md/sm/lg.../1后面的1代表占了12/1,若更改了设备,通过更改md/sm/lg等即可 “col-”的作用? 偏移:通过offset与col-md-后面的数字来指定 嵌套栅格的使用:通过div的包裹(不确定) 栅格的排序:通过push来排序
2020-02-170个赞
Courses in the relevant section:Bootstrap CSS code
2.2bootstrap css 代码 <>:<< >> 内联代码? kbd标签剪切作用 代码块的操作:pre可以包裹一个代码段 变量的表示如x(varx) 输出samp
2020-02-170个赞
Courses in the relevant section:Bootstrap CSS table
2.3bootstrap css 表格 表格的分类:基础类,条形状........ 通过table的class来选择用什么样式的表格 条形状:striped 边框状:bordered 鼠标经过:hover 紧凑类:condensed....... 状态类:大致为5种 tr上加class 设置 active:鼠标悬停的颜色 success:成功的标识 info: denger:警告 写入式? responsive +bordered 当页面内容过多,效果缩放表格下有滚动条
2020-02-171个赞
Courses in the relevant section:Form style (top)
3.1bootstrap表单 表单form:内联表单,水平排列的表单。。。 单独的表单都会被赋予全局的样式 表单label输入框:输入的内容 通过input设置承载如date email password file(单选,复选等) 复选框:如记住密码 chexbox 内联表单:form-inline宽度由百分百变成4次英auto label必须设置,不然屏幕阅读器无法正确识别 当不需要label时可以使用class来隐藏sr-only 水平表单:创建先指定水平的,再指定是表单 默认文字效果:placeholder 当想让label与input在同一排时使用栅格来调整 defualt 默认
2020-02-170个赞
Courses in the relevant section:Form style (below)
3.2bootstrap表单样式 文本域textarea 单选框radio name opionsRadios(必记) 下拉列表 select中建立option 静态控件:p标签添加class filedset disable全局禁用 都不可输入(静态) 只读状态 readonly 禁用与只读的不同点? 添加图片图标可以在bootsrap官网的组件上寻找
2020-02-170个赞
Courses in the relevant section:Buttons and images
3.3bootstrap按钮和图片 按钮的样式:成功success,警告warning,信息info等 按钮在conatainer中大小不一,根据内容多少自适应 激活button通过active 通过栅格系统(sm md lg)来调整按钮大小 充满父级容器:btn-block; 通过a标签class也可以设置按钮,设置出的按钮比较大,而且是激活状态(用disable设置为禁用状态) 大多开发时候a标签使用比较多 图片的写入:现代bootstra通过宽度百分百,高度自适应写入图片(可能导致图片失真,所以可以采用svg) 圆角图片:img-circle 矩形图片,圆形图片
2020-02-170个赞
Courses in the relevant section:Drop-down menu
4.1下拉菜单 组件:包括字体图标,下拉菜单等(在官网查找) 字体组件:所有图标都需要一个基类和一个对应图标的(子)类 注意:不能与其他组件混合使用 不能再同一元素上与其他类共同存在 它的使用要基于一个span标签 下拉菜单的使用:创建dropdown的div表示下拉标签 下拉的小箭头 span class caret 下拉菜单的内容可以用ul来承载,在其中添加a标签承载 添加js文件:因为js基于jQuery所以先引进jQuery然后再 引入js文件 希望内容向右可以使用:menu right 按钮向右:class中添加pull right 注意:不要再button里面直接加 会覆盖掉按钮 最好在外面的div上添加 下拉菜单有两组不同内容如何添加如语文数字与数学数字 不仅可以添加标题也可以添加分割线 要使菜单内容的某些项不可选中用禁用:在li标签中用disable
2020-02-170个赞
Courses in the relevant section:button group
4.2按钮组btn-group:连在一起的按钮 去官网查找图标来设置按钮图标 例如工具栏:button toolbar 按钮组的排列:水平(默认状态),垂直vertical 要使按钮组充满整个屏幕的宽度使用justified属性然后再里面创建的div中的class指定right,model,left 举例是三个,若是超过三个改怎么弄
2020-02-170个赞
Courses in the relevant section:Use of navigation bar
5-3
5-3 导航条的使用
65+46456464564564654646
2020-03-170个赞
Courses in the relevant section:Install and use express
1.2安装和使用expres 手工安装和使用 通过生成器生成 npm init初始化命令 手工安装:先在终端进入创建的文件夹中 然后用npm init初始化,完成初始化后开始用npm安装的命令安装express app.js中app可以理解为服务器 生成器:先进入终端的目录生成。也可以用系统的全局generator命令生成 目录生成:当有新版本的时候可以通过目录测试 端口,监听代码在express中的作用 npm install安装命令
2020-02-180个赞
Courses in the relevant section:WeChat development tools
1.环境与视图 1.1微信开发工具 注册小程序要以公司的名义注册 小程序注册介绍要从头看到尾(防止走弯路) 按照提出的规范去设计有助于用户体验 主要是开发部分 有小程序ID与无ID的区别:有id才能运行,项目的预览才可以 微信web开发者工具的下载 .js与.js.{sm}的区别 编译:把代码重新运行
2020-02-170个赞
Courses in the relevant section:Nodejs routing
1111
2020-03-100个赞