Bootstrap常用样板】的更多相关文章

http://blog.csdn.net/Star_449/article/details/76098292 1.图片样式 1.1..img-responsive: 直接为图片添加该样式,可以实现响应式图片 <div> <img width="200"class="img-responsive" src="./1.gif" alt="嫌弃"> <p>内容</p> </div…
BootStrap常用组件 PS:所有的代码必须写在<class="container/container-fluid">容器当中 常用组件包含内容: 字体图标 下拉菜单 按钮组 输入框俎 导航 分页 标签和徽章 页头 缩率图 进度条 进度条示例: var $d1 = $("#d1"); ; ); function setValue() { ) { clearInterval(theID); } else { width++; $d1.css("…
一. 常用类1.container居中的内容展示2.row  行内容显示3.col 列内容显示, 列必须在row 中xs 宽度小于768 ,sm宽度小于990 大于768 ,md 宽度大于990,小于1200, lg宽度大于1200col-xs-4 代表 小屏下显示为4列,col-xs-4 col-md-2  代表小屏下占4列,大屏下占2列 <</span>div class="container"> <</span>h1>Hello,…
Bootstrap自带的那些常用插件. 模态框 模态框的HTML代码放置的位置 务必将模态框的HTML代码放在文档的最高层级内(也就是说,尽量作为 body 标签的直接子元素),以避免其他组件影响模态框的展现和/或功能. HTML代码: <!-- 触发模态框的按钮 --> <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-t…
Bootstrap自带的那些常用插件. 模态框 模态框的HTML代码放置的位置 务必将模态框的HTML代码放在文档的最高层级内(也就是说,尽量作为 body 标签的直接子元素),以避免其他组件影响模态框的展现和/或功能. HTML代码: <!-- 触发模态框的按钮 --> <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-t…
Bootstrap 官方文档:http://www.bootcss.com/ Bootstrap Multiselect 多选下拉组件 官方文档:http://www.kuitao8.com/demo/20140224/1/bootstrap-multiselect-master/index.html Bootstrap  Datetimepicker  时间日期组件 官方英文文档:https://github.com/smalot/bootstrap-datetimepicker 官方中文文档…
布局容器 .container 固定宽度 .container-fluid 全屏 .row 行 .col-lg- 大屏幕 .col-md- 中屏幕 变量 @grid-columns: 12 列数 @grid-gutter-width: 30px 槽宽 @grid-float-breakpoint: 768px 媒体查询阙值(确定合适让列浮动) 中心内容 .lead 段落突出显示 内联文本元素 <mark></mark> 改变包含内容背景色 <del></del&g…
api地址:https://v3.bootcss.com/css/#forms 栅格参数: bootstrap 其实 是把 网页等 分为 了 12分,bootstrap把 根据屏 幕 大小 把屏 幕分 为了 4个层 级,小于 768 像 素的 为超小屏 幕,大于 等于 768 像素的 为小屏 幕,大于 等于992像素的为中等屏幕,大于等于1200像素的则为大屏幕,相应的类前缀见图或查看官方文档. 栅格:超小屏幕 手机 (<768px) .col-xs-小屏幕 平板 (≥768px) .col-s…
primary()     首选项 success()     成功 info()        一般信息 warning()       警告 danger()         危险 <body> <br> <input type='button' value="默认样式"> <input type='button' value="首选项" class="btn btn-primary"> <…
1.进入页面,提示Creating a ModelForm without either the 'fields' attribute or the 'exclude'时 解决方法:打开forms.py文件,修改如下: class TestModelForm(forms.ModelForm):    class Meta:        model = User        #model = Author        fields = "__all__" 2.进入页面,提示no s…