bootstrap
小贺学习笔记
这个作者很懒,什么都没留下…
展开
-
bootstrap学习笔记——01
先创建一个index.html,用开发工具打开, 在发开工具中输入英文 !符号 ,按Tab键 引入CSS(css/bootstrap.min.css),添加一个button按钮,会发现引入css和没有引入的时候样式不一样, 顶格了,去掉了内外边距。 给button添加class属性,值为btn,样式就会发生变化, <button class="btn btn-info...原创 2018-05-25 13:44:07 · 201 阅读 · 0 评论 -
Bootstrap FileInput参数方法
https://blog.csdn.net/Daniel_LiXuan/article/details/76066470链接原创 2018-10-13 10:52:39 · 4236 阅读 · 0 评论 -
bootstrap table 列拖动
$("#exampleTable").colResizable({ liveDrag: true,//实时显示滑动位置 gripInnerHtml: "<div class='grip'></div>", //draggingClass: "dragging", postbackSafe: true,//刷新后保留之前的拖拽宽度 h...原创 2018-09-05 10:11:19 · 9055 阅读 · 9 评论 -
bootstrap 截取时间为 日期
formatter: function (value, row, index) { return value.substring(0,11);}原创 2018-07-24 15:10:46 · 558 阅读 · 0 评论 -
bootstrap学习笔记——10——巨幕页头缩略图和警告框组件
组件功能:巨幕组件、页头组件、缩略图组件和警告框组件。巨幕组件 巨幕组件主要是展示网站的关键性区域//在固定的范围内,有圆角<div class="container"> <div class="jumbotron"> <h2>网站标题</h2> <p>这是一个学习性的...原创 2018-06-19 20:33:16 · 348 阅读 · 0 评论 -
bootstrap学习笔记——09——路径分页标签和徽章组件
四个组件功能:路径组件、分页组件、标签组件和徽章组件。路径组件 路径组件也叫做面包屑导航。 //面包屑导航<ol class="breadcrumb"> <li><a href="#">首页</a></li> <li><a href="#"&am原创 2018-06-19 19:41:10 · 223 阅读 · 0 评论 -
bootstrap学习笔记——08——输入框和导航组件
输入框组件 文本输入框就是可以在<input>元素前后加上文字或按钮,可以实现对表单控件的扩展。 //在左侧添加文字 <div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="原创 2018-06-19 18:07:33 · 233 阅读 · 0 评论 -
bootstrap学习笔记——07——图标菜单按钮组件
小图标组件 Bootstrap提供了免费的263个小图标,具体可以参考中文官网的组件链接: http://v3.bootcss.com/components/#glyphicons 。部分图标如下: 部分图标 可以使用<i>或<span>标签来配合使用,具体如下: //使用小图标...原创 2018-06-19 16:16:20 · 3339 阅读 · 0 评论 -
bootstrap学习笔记——06——辅助类和响应式工具
辅助类 Bootstrap在布局方面提供了一些细小的辅助样式,用于文字颜色以及背景色的设置、显示关闭图标等等。情景文本颜色 //各种色调的字体 <p >Bootstrap视频教程 正常黑</p> <p class="text-muted">Bootstrap视频教程 柔和灰</p> <p class="text...原创 2018-06-19 14:08:59 · 167 阅读 · 0 评论 -
bootstrap学习笔记——05——栅格系统
栅格系统首先需要给页面添加 <meta name="viewport" content="width=device-width,initial-scale=1,maximun-scale=1,user-scalable=no" > <!-- 视图窗口 ...原创 2018-06-15 15:10:58 · 513 阅读 · 0 评论 -
bootstrap学习笔记——04——表单和图片
表单基本格式 //实现基本的表单样式 outline:none 点击的时候没有虚线 <form action="#"> <div class="form-group"> <label for="email">电子邮箱</label> <input class="form-co...原创 2018-05-28 16:28:51 · 412 阅读 · 0 评论 -
bootstrap学习笔记——03——表格和按钮
表格准备(table>thead>tr>th*4)快捷键TabBootstrap提供了一些丰富的表格样式供开发者使用。基本格式 //实现基本的表格样式 <table class="table"> 条纹状表格 //让<tbody>里的行产生一行隔一行加单色背景效果 注:需要.table <table class=...原创 2018-05-26 10:57:55 · 715 阅读 · 0 评论 -
button 样式css总结
<button class="btn btn-info">bootstrap</button> <button class="btn btn-default">Button</button>原创 2018-05-26 10:58:18 · 2520 阅读 · 0 评论 -
bootstrap学习笔记——02——排版样式
页面排版 Bootstrap提供了一些常规设计好的页面排版的也是开发者使用。页面主体 Bootstrap将全局font-size设置为14px,line-height行高设置为1.428(即20px); <p>段落元素被设置等于1/2行高(即10px); 颜色被设置为#333。 //创建包含段落突出的文本 <p>Bootstrap框...原创 2018-05-25 15:22:19 · 746 阅读 · 0 评论 -
1.bootstrap简介 链接
http://www.houdunren.com/houdunren18_lesson_139bootstrap各种插件链接http://bootstrap-table.wenzhixin.net.cn/zh-cn/extensions/转载 2018-04-07 12:25:27 · 271 阅读 · 1 评论