Bootstrap
Carl_Hugo
Knowledge is Power
展开
-
Bootstrap(一)
Bootstrap简介什么是Bootstrap?框架:库 lib libraryjQuery作为一个框架来讲,提供一套比较便捷的操作DOM的方式把大家都需要的功能预先写好到一些文件 这就是一个框架Bootstrap 让我们的 Web 开发更简单,更快捷;注意是 Bootstrap 不是 BootStrap!这是一个词,不是合成词,其含义为:n. 引导指令,引导程序Bootstrap 是原创 2016-09-25 09:07:15 · 794 阅读 · 0 评论 -
Bootstrap 辅助类
Bootstrap 辅助类文本以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗: 背景以下不同的类展示了不同的背景颜色。 如果文本是个链接鼠标移动到文本上会变暗: 其他更多实例关闭图标使用通用的关闭图标来关闭模态框和警告框。使用 class close 得到关闭图标。<p>关闭图标实例 <button type="button" class="close" aria-转载 2017-03-29 13:38:14 · 312 阅读 · 0 评论 -
Bootstrap 图片
Bootstrap 图片在本章中,我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class: - .img-rounded:添加 border-radius:6px 来获得图片圆角。 - .img-circle:添加 border-radius:50% 来让整个图片变成圆形。 - .img-thumbnail:添加一些内边距(padding转载 2017-03-29 13:37:48 · 551 阅读 · 0 评论 -
Bootstrap 按钮
Bootstrap 按钮本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示: 以下样式可用于<a>, <button>, 或 <input> 元素上: 下面的实例演示了上面所有的按钮 class:<!-- 标准的按钮 --><button type=转载 2017-03-29 13:37:24 · 426 阅读 · 0 评论 -
Bootstrap 表单
Bootstrap 表单在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。垂直或基本表单基本的表单结构是 Bootstrap 自带的,个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤: - 向父 <form> 元素添加 role=”form”。 - 把标签和控件放在一个带有 class转载 2017-03-29 13:36:55 · 444 阅读 · 0 评论 -
Bootstrap 表格
Bootstrap 表格Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素: 表格类下表样式可用于表格中: <tr>, <th> 和 <td> 类基本的表格如果您想要一个只带有内边距(padding)和水平分割的基本表,请添加 class .table,如下面实例所示:<table class="table"> <caption>基本的表转载 2017-03-29 13:36:07 · 436 阅读 · 0 评论 -
Bootstrap 排版
Bootstrap 排版Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。 使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素。标题Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式。请看下面的实例:<h1>我是标题1 h1</h1><h2>我是标题2 h2转载 2017-03-29 13:35:40 · 285 阅读 · 0 评论 -
Bootstrap 网格系统
Bootstrap 网格系统什么是网格(Grid)? 在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中,它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的方法。简单地说,网页设计中的网格用于组织内容,让网站易于浏览,并降低用户端的负载。什么是 Bootstrap 网格转载 2017-03-29 13:34:46 · 807 阅读 · 0 评论 -
Bootstrap 概览
#Bootstrap>Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。##Bootstrap 环境安装**Bootstrap CDN **推荐本站实例采用的是自建的静态资源库上的Bootstrap资源。<!-- 新 Bootstrap 核心 CSS 文件 --><link href="http转载 2017-03-29 13:34:12 · 371 阅读 · 0 评论 -
Bootstrap(二)
微金所项目实战1. 搭建Bootstrap页面骨架及项目目录结构├─ /weijinsuo/ ··················· 项目所在目录└─┬─ /css/ ······················· 我们自己的CSS文件 ├─ /font/ ······················ 使用到的字体文件 ├─ /img/ ······················· 使用原创 2016-09-25 20:13:04 · 708 阅读 · 0 评论 -
Bootstrap 响应式实用工具
Bootstrap 响应式实用工具Bootstrap 提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。 需要谨慎使用这些工具,避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。 实例 下面的实例演示了上面所列举的帮助器类的用法。调整浏览器的窗口大小,或者在不同的设备上加载实例,测试响应式实用转载 2017-03-29 13:38:37 · 350 阅读 · 0 评论