bootstrap 常用class】的更多相关文章

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…
下拉选择Select2:http://ivaynberg.github.io/select2/index.html 文件上传bootstrap-fileinput:https://github.com/kartik-v/bootstrap-fileinput/ 消息提醒PNotify:http://sciactive.com/pnotify/ 矢量图标fontawesome:http://fontawesome.io/icons/ Mega菜单yamm3:http://geedmo.github…