Bootstrap
见面时的呼吸都曾反复练习
这个作者很懒,什么都没留下…
展开
-
bootstrap自定义功能按钮
在bs中,都有用过.btn-defaule 或者 .btn-primary ,我们也可以自定义我们想要的按钮效果。(1)准备一组新的按钮变量,在 bs,less文件中,打开variables.less,可以看到原始的一些数据,@btn-danger-color: #fff; @btn-danger-bg: @brand-danger; @原创 2016-01-08 13:47:18 · 3559 阅读 · 0 评论 -
bootstrap进行网页配色过程
以企业网站颜色:蓝、红、灰,为例(1)打开variables.less, (2)灰色变量覆盖范围,安装需求进行修改@gray-base: #000; @gray-darker: lighten(@gray-base, 13.5%); // #222 @gray-dark: lighten(@gray-base, 20%);原创 2016-01-08 14:00:47 · 3534 阅读 · 0 评论 -
bootstrap利用Font Awesome给选择添加checkbox图标
实现效果:鼠标移入打钩代码:a { .btn; //给a,应用.btn样式, .btn-sm; padding-left: 0; padding-right: 0; color: @gray; &:hover原创 2016-01-08 14:13:34 · 3507 阅读 · 0 评论 -
使用bootstrap混入,实现row和col
当然,父级div外面还有一层,container类,或者container-fluid<div class="parent"> <div>1</div> <div>2</div> <div>3</div> </div>实现:.parent { .make-row(); //这与在行间加 .row ,没有任何区别 > div { .make-xs-col原创 2016-01-08 14:20:34 · 3647 阅读 · 0 评论 -
全局css样式
1、移动设备优先1.1、head部分的设置ie使用最新的渲染引擎<meta http-equiv="X-UA-Compatible" content="IE=edge">viewport元数据标签<meta name="viewport" content="width=device-width,initinal-scale=1, maximum-scale=1, user-scalable=no "原创 2015-12-25 11:50:32 · 1799 阅读 · 0 评论 -
CSS组件
1、字体bootstrap自带的Glyphicons 字体图标,还有是font awesome2、下拉菜单.dropdown 最大作用给了父级position: relative; 菜单向下弹出 .dropup 菜单向上弹出 .dropdown-toggle data-target=”dropdown” .caret 按钮及下拉图标 .dropdown-menu 下拉菜单 .dro原创 2015-12-25 19:12:34 · 524 阅读 · 0 评论