51Dev开发社区
登录 注册

#BootStrap

Bootstrap 学习之js插件（下拉菜单（Dropdown）插件）
Bootstrap下拉菜单 这一章讲解了下拉菜单，但是没有涉及到交互部分，本章将具体讲解下拉菜单的交互。使用下拉菜单（Dropdown）插件，您可以向任何组件（比如导航栏、标签页、胶囊式导航菜单、按钮等）添加下拉菜单。您可以切换下拉菜单（Dropdown）插件的隐藏内容：通过data属性：向链接或按钮添加&n...
代码星球 ·2020-04-08

Bootstrap 学习之js插件（模态框（Modal）插件）
　　模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。　　（1）提供信息、警告信息、大文本；　　（2）确认按钮（多按钮）；　　（3）显示表单元素；（一般用Ajax操作等功能）　　（4）其他需要特殊显示的信息（如单击缩略图...
代码星球 ·2020-04-08

2016年6月1日下午（传智Bootstrap笔记（Bootstrap标签、徽章、超大屏幕））
　　本章将讲解Bootstrap标签。标签可用于计数、提示或页面上其他的标记显示。使用.label 来显示标签，如下面的实例所示：　　<h1>ExampleHeading<spanclass="labellabel-default">Label</span></h1&...
代码星球 ·2020-04-08

2016年6月1日下午（传智Bootstrap笔记（Bootstrap分页））
　　本章将讲解Bootstrap支持的分页特性。分页（Pagination）是一种无序列表，Bootstrap像处理其他界面元素一样处理分页。下表列出了Bootstrap提供的处理分页的class。Class描述示例代码.pagination添加该class来在页面上显示分页。<ulclass="paginati...
代码星球 ·2020-04-08

2016年6月1日下午（传智Bootstrap笔记（Bootstrap 导航栏元素））
　　导航栏是一个很好的功能，是Bootstrap网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在Bootstrap导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。创建一个默认的导航栏的步骤如下：向<...
代码星球 ·2020-04-08

2016年5月31日上午（传智Bootstrap笔记（Bootstrap 导航元素））
　　本章我们将讲解Bootstrap提供的用于定义导航元素的一些选项。它们使用相同的标记和基类 .nav。Bootstrap也提供了一个用于共享标记和状态的帮助器类。改变修饰的class，可以在不同的样式间进行切换。　　 .nav是标签页的基类；　　 .nav-tabs是标签页类样式；　　...
代码星球 ·2020-04-08

2016年5月31日上午（传智Bootstrap笔记（Bootstrap 布局组件输入框组））
　　本章将讲解Bootstrap支持的另一个特性，输入框组。输入框组扩展自 表单控件。使用输入框组，您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。　　通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如您可以添加美元符号，或者在Twitter用户名前添加@，或者应用程序接口...
代码星球 ·2020-04-08

2016年5月30日下午（传智Bootstrap笔记八（Bootstrap 布局组件））
一、css组件——下拉菜单　　本章将重点介绍Bootstrap下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单（Dropdown）JavaScript插件 的互动来实现。如需使用下列菜单，只需要在class .dropdown&...
代码星球 ·2020-04-08

2016年5月30日上午（传智Bootstrap笔记七（辅助类样式））
　　1、文本颜色类：.text-muted"text-muted"类的文本样式 .text-primary"text-primary"类的文本样式 .text-success"text-success"类的文本样式 .text-info"text-info"类的文本样式 .tex...
代码星球 ·2020-04-08

2016年5月30日上午（传智Bootstrap笔记六（图片样式））
　　为了给段落添加强调文本，则可以添加class="lead"，这将得到更大更粗、行高更高的文本，如下面实例所示：<body><hr><h2>引导主体副本</h2><pclass="lead">这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的...
代码星球 ·2020-04-08

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...
代码星球 ·2020-04-08

2016年5月29日晚上（传智Bootstrap笔记四（栅格系统 ））
　　　　（1）Bootstrap提供了一套响应式、移动设备优先的栅格系统。随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。　　　Bootstrap的栅格系统，由一个行和多个列构成。栅格系统通过行列的形式来创建网...
代码星球 ·2020-04-08

2016年5月29日晚上（传智Bootstrap笔记三（表单））
　　在本章中，我们将学习如何使用Bootstrap创建表单。Bootstrap通过一些简单的HTML标签和扩展的类即可创建出不同样式的表单。　　Bootstrap支持最常见的表单控件，主要是input、textarea、checkbox、radio和select。　　　　最常见的表单文本字段是输入框input。用户可以...
代码星球 ·2020-04-08

2016年5月29日下午（传智Bootstrap（笔记二））
　　　　　<b>、<strong>、<i>、<em>、<del>、　　Bootstrap提供了一些用于强调文本的类，如下面实例所示：<small>本行内容是在标签内</small><br><strong>本行内容...
代码星球 ·2020-04-08
首页上一页...2324252627...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他