Bootstrap课件课件课件.pptVIP

jQuery Mobile图标 使用 data-icon 属性给按钮增加图标效果 data-icon属性规则： 在images/icons-png目录中的每个文件名就是data-icon的属性值 使用data-iconpos 属性来规定图标的位置 data-iconpos属性值：top、right、bottom、left ol class=list-unstyled liitem 1/li liitem 2/li liitem 3/li liitem 4/li /ol ul class=list-inline liitem 1/li liitem 2/li liitem 3/li liitem 4/li /ul dl class=dl-horizontal dtIT培训/dt ddPHP/dd ddJava/dd dtTeacher/dt dd辛兴涛/dd dd老陈/dd /dl form role=form class=form-horizontal div class=form-group label for=firstname class=col-sm-2 control-label名字/label div class=col-sm-10 input type=text class=form-control id=firstname placeholder=请输入用户名/ /div /div div class=form-group label for=firstname class=col-sm-2 control-label姓/label div class=col-sm-10 input type=text class=form-control id=firstname placeholder=请输入姓/ /div /div div class=form-group div class= col-sm-offset-2 col-sm-10 div class=checkbox label input type=checkbox/请记住我 /label /div /div /div /form Web前端系列课程 CSDN辛兴涛 Bootstrap入门 课程大纲 Bootstrap简介 Bootstrap结构 Bootstrap的简单使用 Bootstrap简介 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的，用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的前端框架。 Bootstrap优点 移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。 浏览器支持：所有的主流浏览器都支持 Bootstrap。 响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。 容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。 Bootstrap结构 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。 CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。 组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。 JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。 定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。 Bootstrap使用 1. 下载bootstrap: /2.3.2/ 2. 在html文档中加载bootstrap相关的文件（jquery.js、bootstrap.min.js 和 bootstrap.min.css 文件） 注意： 为了Bootstrap开发的网站对移动设备友好，确保适当的显示和触屏缩放，需要在网页的head中增加viewport视口 meta name=viewport content=width=device-width, initial-sc