BootStrap
文章平均质量分 71
一滴墨
这个作者很懒,什么都没留下…
展开
-
Bootstrap 简介
什么是 Bootstrap?Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。为什么使用 Bootstrap?移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。 浏览器支持:所有的主流浏览器都支持 Bootstrap。 Internet Explorer Fir原创 2016-10-25 23:38:53 · 417 阅读 · 0 评论 -
Bootstrap CSS
HTML 5 文档类型(Doctype) Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype)。 因此,请在使用 Bootstrap 项目的开头包含下面的代码段。<!DOCTYPE html><html>....</html>如果在 Bootstrap 创建的网页开头不使用 HTML5 的文档类型(Docty原创 2016-10-26 01:00:07 · 399 阅读 · 0 评论 -
Bootstrap 网格系统
Bootstrap 的网格系统(Grid System)Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。什么是网格(Grid)?摘自维基百科: 在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中,它是一原创 2016-10-26 19:00:26 · 369 阅读 · 0 评论 -
Bootstrap 表格
Bootstrap 表格Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素:标签 描述<table> 为表格添加基础样式。<thead> 表格标题行的容器元素(<tr>),用来标识表格列。<tbody> 表格主体中的表格行的容器元素(<tr>)。<tr> 一组出现在单行上的表格单元格的容器元素(<td> 或 <th>)。<td>原创 2016-11-01 08:51:47 · 632 阅读 · 0 评论 -
Bootstrap 字体图标和下拉菜单、按钮
Bootstrap 字体图标http://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm使用; <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-sort-by-order"> </span></button>原创 2016-11-25 16:07:21 · 2339 阅读 · 0 评论 -
Bootstrap 输入框组
Bootstrap 支持的另一个特性,输入框组。 输入框组扩展自 表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在 Twitter 用户名前添加 @,或者应用程序接口所需要的其他公共的元素。向 .form-control 添加前缀或后缀元素的步骤如下:把前缀原创 2016-11-25 16:17:31 · 1515 阅读 · 0 评论 -
Bootstrap 导航元素
Bootstrap 提供的用于定义导航元素的一些选项。表格导航或标签创建一个标签式的导航菜单: 以一个带有 class .nav 的无序列表开始。 添加 class .nav-tabs。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 标签式的导航菜单</title> <l原创 2016-11-25 22:39:08 · 638 阅读 · 0 评论