bootstrap笔记总结

bootstrap笔记总结

ID:35294196

大小:590.55 KB

页数:11页

时间:2019-03-23

bootstrap笔记总结_第1页
bootstrap笔记总结_第2页
bootstrap笔记总结_第3页
bootstrap笔记总结_第4页
bootstrap笔记总结_第5页
资源描述:

《bootstrap笔记总结》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、Bootstrap知识总结BaseCSS1、布局(栅格系统)固定居中使用class=”container”,流体布局使用class=”container-fluid”,默认940px,可定制(本页面设置为1170px)2、默认设置BODY:全局默认font-size:14px,line-height:20px,p默认底边距10px(也就是上下居中,margin-bottom:10px)在段落中醒目效果使用class=”lead”,小号字用,加粗使用斜体使用字体颜色class=”muted”class=”t

2、ext-waring’”class=”text-error”class=”text-info”class=”text-success”其他鼠标提示信息鼠标放上去试试title是提示消息,class=’initialism’是”鼠标放上去试试”的字体略小引用-blockquote左浮动,右浮动,字体颜色为#999999,

3、ar-fix”>清除浮动ul或ol中不需要样式的时候class=”unstyle”DescriptionlistsAdescriptionlistisperfectfordefiningterms.EuismodVestibulumidligulaportafeliseuismodsemperegetlaciniaodiosemnecelit.以上dl使用水平描述class=”dl-horiziontal”

可以多选显示,增加class=”pre-scrollable”设置max-height:300px;超出会增加滚动条3、表格默认样式:class=”table”,隔行变色:

4、class=”table-striped”,增加边框:class=”table-bordered”鼠标悬浮变色:class=”table-hover”表格中的tbody设置row颜色:class=”successerrorwarninginfo”4、表单Legendplaceholder=””为默认值,class=”help-block”说明搜索框默认样式:class=”form-search”,输入框长度:class=”input-large”,输入样式:class=”search-query”表单内联布局所有左边对齐:

5、水平对齐(Horizontal)首先添加,labelsandcontrols添加

,每个,每个标签控件添加
Checkboxesandradioscheckbox为class=”checkbox”,radio为class=”radio”tips:radio必须添加的name=”optionRadios”表单扩展clas

6、s=”input-prepend”class=”add-on”class=”input-append”class=”input-append”Tips:设置ID,重写dropdown-menu的min-width#drop-width.dropdown-menu{min-width:75px;}class=”input-block-level”只针对textarea和inputclass=”controls-rows”自动调整class之间的间距tips:class=’form-actions’放置在class=’form-horizontal’里,按钮会自动缩进在一个水平线上。Tip

7、s:只需要在input里添加disabled,即按钮tips:class=’btn-group’,class=’btn-toolbar’也可以作用于radio和checkbox但是不显示值class=’btn-group’class=’btn-toolbar’整行显示ImagesJavaScript1、概述开关$(‘body’).off(‘’.data-ap

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签