-
进度条组件：
bootstrap组件——进度条 progress-bar progress-bar-danger/success/info.... 进度条颜色 progress-bar-striped 进度条斑马状渐变 <div class="progress"> <div class="progress-bar progress-bar-danger progress-bar- striped" >20% </div> </div>
查看全部 -
input控件组.input-group <div class="input-group"> <span >.input-group-addon放置额外的内容及图标</span> <input type="text" class="form-control "> </div> 按钮控件组 <div class="btn-group"> <button class="btn btn-default"></button> </div>
查看全部 -
html中默认的字体大小： 16px rem是稳定的（相对于em） rem对响应式更友好 使用bootStrap不用考虑rem的支持情况（高阶的浏览器都支持了）： 兼容性和响应式开发解决方案： px 和 rem 一起使用： 前面用px 后面用rem 用rem覆盖px（在支持rem的情况下）
查看全部 -
Bootstrap——表单(1)： html5特性: placeholder 给用户输入一个提示</br> form->form-inline 它的所有元素是内联的，向左对齐的，标签是并排的,水平排版</br> div->form-group 将label和input(或其他)组合成一个组件</br> input->input-lg/sm 改变输入框大小</br> input->form-control 圆角方框发光</br> label->sr-only 取消提示信息</br> label-> control-label 可更改相关样式</br> div ->form-group ->has-successs/waring has-error等可改变颜色 (label等元素中要有control-label)</br>
查看全部 -
1:在head中引入bootsstrap的js文件，<link rel="stylesheet" href="js路径">
查看全部 -
.text-center和.text-left和.text-right和,.text-justify进行文本的对齐 字母小写 lowercase 字母大写 uppercase <mark> 标记字体加重 <del>删除文本 <ins>下划线 .text-muted和.text-primary和.text-info和.text-success和.text-warning进行文本字体颜色的设置 段落强调用类名为lead进行<p>的强调 粗体字用b和strong标签进行强调 斜体字用i或者em标签进行 列表清除序号.list-unstyle 水平排列.list-inline和.dl-horizontal水平排列.查看全部
-
1-1bootstrap简介 （1）bootstrap是twitter公司开发基于HTML\CSS\javascript 的前端框架 （2）为实现web应用程序快速开发提供的一套前端工具包 （3）响应式布局 （4）移动设备优先 目标：1）bootstrap全局样式2）viewport的意义3）栅格化布局 4）字体、图标 5）实现响应式布局开发查看全部
-
<table> <thead> </thead> <tbody> </tbody> </table>查看全部
-
<p class="h1"> aaa </p> .h1 - .h6 <mark> // 强调文本，底边变黄 <del> // 中间有横线 <ins> // 下划线 <u> // 下划线 <small> // 文字变小（小标题） <strong> // 文字加粗 <p class="text-left"> aaa </p> <p class="text-center"> aaa </p> <p class="text-right"> aaa </p> <p class="text-lowercase"> HELLO </p> // hello <p class="text-uppercase"> hello </p> // HELLO <p class="text-capitalize"> hello </p> // Hello (首字母大写）查看全部
-
Jetstrap:可视化拖拽botstrap快速开发查看全部
-
HTML5的标签，用于修改文字样式 <mark>强调文字，底边变黄</mark><br/> <del>删除文字，中间有横线</del> <ins>下划线</ins> <u>下划线</u> <small>文字变小</small> <strong>文字加粗</strong> bootstrap样式，文本对齐方式 用法：<p class="text-left"> //左对齐 .text-center 居中 .text-right 右对齐 标题文字 <p class="h1">你好</p> //文字样式与HTML中<p>你好</p> 效果相同； .h2 .h3 .h4 .h5 .h6 英文大小写变化 .text-lowercase 大写变小写 .text-uppercase 小写变大写 .text-capitalize 首字母大写查看全部
-
bootstrap组件-怪异的属性： 1、role： HTML5的标签属性，标识普通标签使其语义化，方便浏览器对其具体功能进行识别，给特定的浏览器使用比如盲文浏览器。 2、aria-label：用在输入框，当焦点落到输入框时读屏软件可读出输入框的内容，配合读屏软件使用。 3、tabIndex：设置键盘的Tab键在控件中的移动，就是焦点的移动顺序，方便一些有障碍的人士浏览网页。 4、data-：HTML5新增的用于自定义的属性，不影响页面显示，管理自己想要实现的数据传递，包括数据交互的一些效果。涉及组件交互，比如下拉菜单、点击等。查看全部
-
html5 属性查看全部
-
bootstrap 下载地址 官网地址：http://getbootstrap.com 中文地址：www.bootcss.com查看全部
-
字体图标glyphicon 星形glyphicon-star 使用span标签进行包装，引入想要使用字体图标的类名。需要在head引入bootstrap.min.css。 <div class="btn-group"> <button class="btn btn-control btn-default"> <label class="glyphicon glyphicon-circle-arrow-down">download</label> </button> </div>查看全部
举报