Bootstrap
明天去哪
博观而约取,厚积而薄发.每天坚持写代码
展开
-
bootstrap基础(一)文本,列表,代码,表格
<meta http-equiv="X-UA-Compatible" content="IE=edge">//在ie中运行渲染模式<meta name="viewport" content="width=device-width, initial-scale=1">//初始化移动浏览显示<hx>中的<small>表示副标题文本内容处理 类 .lead强调内容强调相关的类 对齐格式 列表原创 2015-11-24 22:55:22 · 523 阅读 · 0 评论 -
bs(二)表单(按钮、input、图片图标)
水平表单 form-horizontal类 内联表格 form-inline lable会换行显示,在div添加form-group,则不换行 form-control让控件在各种表单风格中样式不出错,包括聚焦风格 单选按钮复选按钮 button 多标签制作按钮 按钮大小 .btn-sx .btn-lg .btn-xs 块状按钮 .btn-block 活动状态 禁止状态原创 2015-11-28 22:42:48 · 2154 阅读 · 0 评论 -
bs(二)表单(网格系统、下拉菜单、简单导航)
网格系统 列类.col-md-4 //其中的数字表示占的百分比 注:其中md表示middle,还有es,sm,lg不同型号在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度列排序其实就是改变列的方向,就是改变左右浮动,并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表原创 2015-11-29 15:29:26 · 2098 阅读 · 1 评论 -
bs(二)导航条
.navbar 标题 带表单 导航条中的按钮,文本,连接 固定到顶部底部 .navbar-fixed-top:导航条固定在浏览器窗口顶部 .navbar-fixed-bottom:导航条固定在浏览器窗口底部 响应式 反色 <div class="navbar navbar-inverse" role="navigation"> 分页导航 带页码的: 不带页码的:原创 2015-11-29 15:49:41 · 844 阅读 · 0 评论 -
bs缩略图、警告框、进度条、媒体对象、列表组、面板
缩略图 警告框 添加 .alert-dismissable 实现可关闭 警示框中添加连接 <a href="#" class="alert-link">this important alert message</a> 进度条 <div class="progress"> <div class="progress-bar" style="width:40%"> </原创 2015-11-29 16:21:09 · 1045 阅读 · 0 评论 -
bs交互js的模态对话框
模态弹出框 通过data-target触发 <button class="btn btn-primary" data-toggle="modal" data-target="#mymodal-data" type="button">通过data-target触发</button>过渡动画 参数说明 可以把代码写在js中 比如你不想让用户按ESC键关闭模态原创 2015-11-29 16:45:43 · 1204 阅读 · 2 评论 -
AdminLTE 入门教程
注:由于最近要使用AdminLTE,文档只有英文的(而且并不是十分详细),就写一个快速入门的 官网实例:https://www.almsaeedstudio.com/themes/AdminLTE/index2.html模板<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatib原创 2016-04-01 16:14:47 · 136693 阅读 · 18 评论 -
自写前端模板
仅供参考原创 2015-12-03 14:04:59 · 941 阅读 · 0 评论