#TRAP

2016年6月1日下午(传智Bootstrap笔记(Bootstrap分页))

  本章将讲解Bootstrap支持的分页特性。分页(Pagination)是一种无序列表,Bootstrap像处理其他界面元素一样处理分页。下表列出了Bootstrap提供的处理分页的class。Class描述示例代码.pagination添加该class来在页面上显示分页。<ulclass="paginati...

2016年6月1日下午(传智Bootstrap笔记(Bootstrap 导航栏元素))

  导航栏是一个很好的功能,是Bootstrap网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开。在Bootstrap导航栏的核心中,导航栏包括了站点名称和基本的导航定义样式。创建一个默认的导航栏的步骤如下:向<...

2016年5月31日上午(传智Bootstrap笔记(Bootstrap 导航元素))

  本章我们将讲解Bootstrap提供的用于定义导航元素的一些选项。它们使用相同的标记和基类 .nav。Bootstrap也提供了一个用于共享标记和状态的帮助器类。改变修饰的class,可以在不同的样式间进行切换。   .nav是标签页的基类;   .nav-tabs是标签页类样式;  ...

2016年5月31日上午(传智Bootstrap笔记(Bootstrap 布局组件输入框组))

  本章将讲解Bootstrap支持的另一个特性,输入框组。输入框组扩展自 表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。  通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如您可以添加美元符号,或者在Twitter用户名前添加@,或者应用程序接口...

2016年5月30日下午(传智Bootstrap笔记八(Bootstrap 布局组件))

一、css组件——下拉菜单  本章将重点介绍Bootstrap下拉菜单。下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单(Dropdown)JavaScript插件 的互动来实现。如需使用下列菜单,只需要在class .dropdown&...

2016年5月30日上午(传智Bootstrap笔记七(辅助类样式))

  1、文本颜色类:.text-muted"text-muted"类的文本样式 .text-primary"text-primary"类的文本样式 .text-success"text-success"类的文本样式 .text-info"text-info"类的文本样式 .tex...

2016年5月30日上午(传智Bootstrap笔记六(图片样式))

  为了给段落添加强调文本,则可以添加class="lead",这将得到更大更粗、行高更高的文本,如下面实例所示:<body><hr><h2>引导主体副本</h2><pclass="lead">这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的...

Bootstrap列排序

   Bootstrap网格系统另一个完美的特性,就是您可以很容易地以一种顺序编写列,然后以另一种顺序显示列。  您可以很轻易地改变带有 .col-md-push-* 和 .col-md-pull-* 类的内置网格列的顺序,其中 * 范围是从 1&n...
代码星球 ·2020-04-08

2016年5月29日晚上(传智Bootstrap笔记五(表单2))

<body><formclass="form-horizontal"><divclass="form-group"><labelfor="username"class="col-md-2control-label">用户名:</label><divcla...

2016年5月29日晚上(传智Bootstrap笔记四(栅格系统 ))

    (1)Bootstrap提供了一套响应式、移动设备优先的栅格系统。随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。   Bootstrap的栅格系统,由一个行和多个列构成。栅格系统通过行列的形式来创建网...

2016年5月29日晚上(传智Bootstrap笔记三(表单))

  在本章中,我们将学习如何使用Bootstrap创建表单。Bootstrap通过一些简单的HTML标签和扩展的类即可创建出不同样式的表单。  Bootstrap支持最常见的表单控件,主要是input、textarea、checkbox、radio和select。    最常见的表单文本字段是输入框input。用户可以...

2016年5月29日下午(传智Bootstrap(笔记二))

     <b>、<strong>、<i>、<em>、<del>、  Bootstrap提供了一些用于强调文本的类,如下面实例所示:<small>本行内容是在标签内</small><br><strong>本行内容...

2016年5月29日上午(传智Bootstrap(笔记一))

  简单灵活可用于架构流行的用户界面和交互接口的html,css,javascript工具集。  基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档,自定义JQuery插件,完整的类库,基于Less等。   ...

2016年5月29日上午(菜鸟Bootstrap(less))

  Less是一门CSS预处理语言,它扩充了CSS语言,增加了诸如变量、混合(mixin)、函数等功能,让CSS更易维护、方便制作主题、扩充。  Less可以运行在Node、浏览器和Rhino平台上。网上有很多第三方工具帮助你编译Less源码。 ...

用bootstrap,排你很多条件的表单。

<divclass="well"><divclass="row"><form><divclass="col-sm-12"><divclass="form-group"><divclass="form-inline"><divclass="fo...
首页上一页...2425262728...下一页尾页