bootstrap整理-1

【bootstrap整理-1】的更多相关文章

基本的HTML模板小伙伴们,上一小节的视频课程已经对Bootstrap提供的模板做了详细的介绍,在这一小节中我们把这个模板代码粘贴过来,以供你们学习查看,你们可以根据实际情况在此基础上进行扩展,只需要确保文件引用顺序一致即可. 如右侧代码编辑器中就是最基本的HTML模板. 我们来简单解释一下其中几条的重要代码: bootstrap模板为使IE6.7.8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可. <script src="https://oss.maxcd…

bootstrap 整理

form-control 输入框,独占一行,占满. form-group 增加下边距 <label> 字体会加粗,不是独占一行 .col-xs- 超小屏 .col-sm- 平板 .col-md- 中等屏幕 .col-lg- 大屏幕 row 可对上面的屏幕进行堆积,也就是水平排放 .col-md-offset-* 列的偏移 .lead 可让段落突出显示 <strong> 可着重显示 .form-horizontal 可以将 label 标签和控件组水平并排布局. .sr-…

Bootstrap开发框架视频整理

最近到客户处进行实地培训,整理了很多培训的材料,现将它们录制相关主题的视频,作为我的Bootstrap开发框架的知识补充,希望给感兴趣的朋友进行了解.培训内容主要包括基础框架部分.MVC框架部分.Bootstrap框架部分.Bootstrap重要插件使用等相关的内容. 其中内容中的基础框架部分提纲如下所示. 其中MVC框架部分的提纲如下所示. 其中Bootstrap介绍的提纲如下所示. 其中Bootstrap重要插件使用的提纲如下所示. 这几个部分的视频我录制并上传到了腾讯视频里面了,大家如果有…

Bootstrap FileInput中文API整理

这段时间做项目用到bootstrap fileinput插件上传文件,在用的过程中,网上能查到的api都不是很全,所以想着整理一份比较详细的文档,方便自己今后使用,也希望能给大家带来帮助,如有错误,希望大家积极指正. 一. 引入文件 <link href="../css/bootstrap.min.css"rel="stylesheet"> <link href="../css/fileinput.css" media=&…

【转】Bootstrap FileInput中文API整理

Bootstrap FileInput中文API整理这段时间做项目用到bootstrap fileinput插件上传文件,在用的过程中,网上能查到的api都不是很全,所以想着整理一份比较详细的文档,方便自己今后使用,也希望能给大家带来帮助,如有错误,希望大家积极指正. 一. 引入文件 <link href="../css/bootstrap.min.css"rel="stylesheet"> <link href="../css/…

Bootstrap FileInput 上传中文 API 整理

Bootstrap FileInput 上传中文 API 整理上传插件有很多但是公司用的就是 Bootstrap FileInput 自己就看了看会用就行自己都不知道每个值是干嘛用的就问大佬总结一下一. 引入文件 <link href="../css/bootstrap.min.css"rel="stylesheet"> <link href="../css/fileinput.css" media="…

Bootstrap表单验证插件bootstrapValidator使用方法整理

插件介绍先上一个图: 下载地址:https://github.com/nghuuphuoc/bootstrapvalidator 使用方法:http://www.cnblogs.com/huangcong/p/5335376.html 使用提示中文化:下载插件后,将\js\bootstrapValidator\language\zh_CN.js 引入文件,即实现中文化提交前验证表单:更丰富一点的表单验证例子:http://www.jq22.com/yanshi522,直接上代码: <!DO…

bootstrap 新手学习笔记代码整理

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 滚动监听(Scrollspy)插件方法</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jqu…

[整理]通过AngularJS directive对bootstrap日期控件的的简单包装

最近项目上了AngularJS,而原来使用的日期控件的使用方式也需要改变,于是开始了倒腾,看了官方的例子,可以使用AngularJS的directive做简单的处理,这样在html里直接使用申明的的形式即可使用了. <!doctype html> <html ng-app="datepickerApp"> <head> <link type="text/css" rel="stylesheet" href…

Bootstrap 小技巧以及相关资源整理

1, Bootstrap Bundle (http://bootstrapbundle.com/): 提供了15中不同的MVC Bootstrap模板.[扩展和更新]中搜索“Bootstrap Bundle” 下载安装.新建项目的时候就可以直接选择模板了. 2,Bootswatch (http://bootswatch.com/): 提供了一些不同色调的bootstraps css文件,可以直接下载所需主题的css文件覆盖项目中的css: 3,Bootstrap Snippets(http:/…