bootstrap基础讲解

【bootstrap基础讲解】的更多相关文章

Bootstrap基础简介网站链接: http://www.bootcss.com/ bootstrap优点: 下载: bootstrap的引入: <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="dist/css/bootstrap.min.css" rel="stylesheet">…

Bootstrap 基础讲解2

-------------------------------------------思想是行动的先导,心理问题直接作用并影响人的思想. 知识预览 bootstrap简介 CSS栅格系统四表格表单回到顶部 bootstrap简介 http://v3.bootcss.com/ Bootstrap优点: 下载: Bootstrap引入 1 2 3 4 <meta name="viewport" content="width=device-width, initi…

Bootstrap <基础三十二>模态框（Modal）插件

模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. 如果您想要单独引用该插件的功能,那么您需要引用 modal.js.或者,正如 Bootstrap 插件概览一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js. 用法您可以切换模态框(Modal)插件的隐藏内容: 通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggl…

Bootstrap<基础十七>导航栏

导航栏是一个很好的功能,是 Bootstrap 网站的一个突出特点.导航栏在您的应用或网站中作为导航页头的响应式基础组件.导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开.在 Bootstrap 导航栏的核心中,导航栏包括了站点名称和基本的导航定义样式. 默认的导航栏创建一个默认的导航栏的步骤如下: 向 <nav> 标签添加 class .navbar..navbar-default. 向上面的元素添加 role="navigation",有助…

Bootstrap <基础七>按钮

任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观.但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示: 以下样式可用于<a>, <button>, 或 <input> 元素上: 类描述 .btn 为按钮添加基本样式 .btn-default 默认/标准按钮 .btn-primary 原始按钮样式(未被操作) .btn-success 表示成功的动作 .btn-info 该样式可用于要弹出信息的按钮 .btn-warning…

每周一书-《Bootstrap基础教程》

首先说明,本周活动有效时间为8月15日到21日.本周为大家送出的书是有电子工业出版,贺臣/陈鹏编著的<Bootsrap基础教程>,为前端入门必读书籍. 下面是从书中摘录的内容. “ Bootstrap 讨论现今,移动互联网已经成为热门话题之一.近年来 HTML 5 发展迅猛,各大浏览器都开始纷纷支持 HTML 5 的标准规范.手机端的浏览器对 HTML 5 以及 CSS 3 有了很好的支持,使得 HTML 5 强大的特性在手机端也得到了很好的应用. Bootstrap 就是一个基于 HT…

第87节：Java中的Bootstrap基础与SQL入门

第87节:Java中的Bootstrap基础与SQL入门前言复习什么是JQ? : write less do more 写更少的代码,做更多的事找出所有兄弟: $("div").siblings() 基本过滤器: 选择器:过滤器 $("div:first") :first: 找到第一个元素 :last: 找到最后一个元素 :even: 找出偶数索引 :odd: 找出奇叔索引 :gt(index): 大于 :lt(index): 小于 :eq(index): 等…

<<Bootstrap基础教程>> 新书出手,有心栽花花不开,无心插柳柳成荫

并非闲的蛋疼,做技术也经常喜欢蛋疼,纠结于各种技术,各种需求变更,还有一个很苦恼的就是UI总是那么不尽人意.前不久自己开源了自己做了多年的仓储项目(开源地址:https://github.com/hechenqingyuan/gitwms),虽然比较简单业务也不算特别复杂,但终究是做出来了而且还有客户付费使用.做程序的成就感来源于两个方面: (1) 软件能够给自己带来物质上上的回报 (2) 让用户直观上感受到软件好用并且得到称赞(说白了有一个漂亮的UI) 一. 信息化管理系统模板这个是不是很…

Bootstrap <基础三十一>插件概览

在前面布局组件中所讨论到的组件仅仅是个开始.Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动.即使不是一名高级的 JavaScript 开发人员,也可以着手学习 Bootstrap 的 JavaScript 插件.利用 Bootstrap 数据 API(Bootstrap Data API),大部分的插件可以在不编写任何代码的情况被触发. 站点引用 Bootstrap 插件的方式有两种: 单独引用:使用 Bootstrap 的个别的 *.js 文件.一…

Bootstrap <基础三十>Well

Well 是一种会引起内容凹陷显示或插图效果的容器 <div>.为了创建 Well,只需要简单地把内容放在带有 class .well 的 <div> 中即可.下面的实例演示了一个默认的 Well: <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 默认的 Well</title> <link href="/bootstrap/css/bootstrap…