码迷,mamicode.com
首页 > 其他好文 > 详细

关于Bootstrap

时间:2018-08-04 11:55:56      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:菜单   记录   create   ipconfig   ceil   空格   indicator   http   优先   

Bootstrap:
移动设备优先 支持主流浏览器 包括less 类样式 组件 js插件
框架:即开发过程中的半成品
=====================================================
其他知识:
编码:
ASCII GBK GB2312 UTF-8 ISO8859-1 BIG5
================================================
web服务器:
IIS微软 APacheTomcat被甲骨文orcale收购 IISExpress
ipconfig 查看ip
=============================================
git:分布式管理软件可以连接vscode 可视化操作;
下载gitBash :http://msysgit.github.io
全局配置:用户名 邮箱
$git config--global user.name "lgf"
$git config--global user.email "814253358@qq.com"
$git init 绑定文件夹 项目所在文件夹右键可见
工作区:自己见
暂存区:自己见
分支:有记录
$git status 查看状态 常用
$git add 文件名 添加到暂存区
$git commit -m "create 文件名"-->(备注)添加到分支
$git diff 文件名 查看不同
$git log --pretty=online查看日志 可看到编号
$git reset --hard 提交编号(回退到指定版本)
$git checkou 文件名 (迁出)
$git branch(查看分支)
$git branch gnn (添加分支)
git merge gnn(合并分支)
git branch -D (强制删除)分支名
创建公钥
ssh keygen -t rsa -C "814253358@qq.com"
公钥可以到C:\Users\Administrator查看.ssh文件夹
git remote add origin 链接名 添加远程连接
git pull origin master (获取远程内容)
git push origin master 推送远程内容
===========================================================
类样式:
container 包在最外层 左右有外边距
IE 低版本高速渲染:<meta http-equiv="X-UA-compatible" content="IE=Edge">
栅格:lg md sm xs
文本:kbd 情景文本:text- 情景背景色:label-
排版:六列 偏移3列就居中了 form group 后面加has warning 动态验证变色 用dom找元素
二分法:提问 回答是否
KISS 原则:keep it simple and stupid-->精炼
img 响应式
按钮 btn-
工具类:&times;close
浮动之后 加 clear
响应式工具:visible-xs-什么大小下可见
加水印:visible-print-block
字体图标:只对空元素有效 不和其他组件混合使用 【css :url(改变字体图标位置)一般默认】
按钮上放一个空格或单独加一个span标签 换行有空格效果
sr-only 设备读取 用户看不到
分裂是下拉菜单组
输入框组:移动设备上常见
========================================================
配置邮箱:
pop3:110 收邮件
smtp:25 发邮件
163 smtp 搜索 (具体见视频BS d3 am 1:54)
=====================================================
组件:
导航:li 里面必须有a 与标签页切换一起用
nav nav-pill 给li或者a加上 data-toggle=“tab”实现切换active
导航条:nav-fixed-top/bottom 给body 添加padding 防止挤压 建议70px
分页 :
翻页:
标签:做单价 提示 span class label label-
徽章:span class="badge" IE8 不支持::empty选择符
吸引客户点击 pull被动 push 主动 用户体验差
banner 横幅广告
警告框:times; data-dismiss="alert" 是删除了警告框不是隐藏
递归即方法自己调用自己
可以用媒体套列表组和徽章 实现标签页
播放视频 嵌套 要是MP4格式的
========================================================
插件:
模态框:class modal fade modal-dialog modal-lg button触发data-toggle=“modal”data- target=“”
滚动监听:要相对定位
工具提示:data-toggle=“tooltip”data-placement=“left”title=“提示标题”
配合脚本才能使用: $(‘[data-toggle="tooltip"]‘).tooltip()
弹出框:data-toggle=“popover”data-content="提示内容" data-placement=“left”title=“提示 信息”
配合脚本才能使用: $(‘[data-toggle="popover"]‘).popover()
折叠菜单:
轮播:<div class="carousel" id="divId">
控制点:ol class="carousel-indicators" li data-target="divId" data-slide-to="0"
图片:div class="carousel-inner" div class="item" img div class="carousel- caption"
左右方向按钮:a class="left carousel-control" href="divId" data-slide="prev"加字体 图标
a class="right carousel-control" href="divId" data-slide="next"
==============================================================
less:动态样式语言:
特性:变量 继承 函数 运算
服务器端 客户端用less.js 浏览器运行中解析css文件
既可以在客户端 也可以借助node.js
==============================================================
例子:
变量:@color:red;
.site {
color:@color;
}
混合 mixin:
h3 {
.site;
}
@arguments 所有参数默认值
嵌套:
#header {
h1{}; p{a{}}
}
函数&运算:
@ color:#aabbcc #header { color:@color+#111;}
方法重载:传递参数不同
运算:数字、 颜色 加减乘除运算符
color函数:lighten() darken() fadein() fadeout() saturate() desaturate()
spin() spin(,-10) fade() mix()
math函数:ceil() floor() round() percentage()百分比 (了解)
命名空间:公司名称
声明:
#bu{
.button{
}
}
引用:#bu>.button
作用域:作用范围小 优先级高
字符串插值:
@base-url:E:/New/images
background-img:url("@{base-url}/1.jpg")
相对路径../ http返回时候样式丢失 应该动态获取
==========================================================
定制bs:官网查看

关于Bootstrap

标签:菜单   记录   create   ipconfig   ceil   空格   indicator   http   优先   

原文地址:https://www.cnblogs.com/liuguofu/p/9417284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!