
bootstrap
文章平均质量分 73
小鱼儿_zhang
专注IT,成就人生……
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
bootstrap网络系统
网络系统 网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。工作原理 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如:<div class=原创 2015-08-03 14:23:02 · 904 阅读 · 0 评论 -
bootstrap(手风琴、图片轮换和固定定位)
手风琴(Collapse) Bootstrap 框架中 Collapse插件(折叠)其实就是我们常见的手风琴效果。点击标题,可以让其对应的内容显示或隐藏<div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading">原创 2015-08-05 21:12:29 · 4421 阅读 · 0 评论 -
android__实践(短信发送器)
activity_main.xml<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout原创 2015-09-02 21:02:11 · 429 阅读 · 0 评论 -
bootstrap(警告框、按钮)
警告框(Alert) 样式文件: LESS版本:源文件 alerts.less警告框–结构与样式<div class="alert alert-success" role="alert"> <button class="close" data-dismiss="alert" type="button" >×</button> <p>恭喜您操作成功!</p></di原创 2015-08-05 17:33:32 · 4058 阅读 · 0 评论 -
bootstrap(选项卡、提示框和弹出框)
选项卡(Tabs) 选项卡Tabs是Web中一种非常常用的功能。用户点击或悬浮对应的菜单项,能切换出对应的内容Bootstrap框架中的选项卡主要有两部分内容组成: 选项卡组件(也就是菜单组件),对应的是 Bootstrap的 nav-tabs) 底部可以切换的选项卡面板,在 Bootstrap 中通常 tab-pane 来表示.<!-- 选项卡组件(菜单项nav-tabs)--><ul i原创 2015-08-05 17:09:21 · 18530 阅读 · 0 评论 -
bootstrap(下拉菜单与滚动监听)
下拉菜单(Dropdown) ☑ LESS版本:对应的源文件dropdowns.less <h3>示例1</h3><div class="navbar navbar-default" id="navmenu"> <a href="##" class="navbar-brand">W3cplus</a> <ul class="nav navbar-nav">原创 2015-08-05 16:11:47 · 5645 阅读 · 1 评论 -
bootstrap(排版)
标题:<!--Bootstrap中的标题--><h1>Bootstrap标题一</h1><!--Bootstrap中让非标题元素和标题使用相同的样式--><div class="h1">Bootstrap标题一</div><!--Bootstrap中使用了<small>标签来制作副标题--><h1>Bootstrap标题一<small>我是副标题</small></h1>段落(正文文本) 在原创 2015-08-05 11:37:59 · 762 阅读 · 0 评论 -
Bootstrap的表单
基础表单 Bootstrap并未对其做太多的定制性效果设计,仅仅对表单内的fieldset、legend、label标签进行了定制。还有input、select、textarea等元素,在Bootstrap框架中,通过定制了一个类名form-control, 也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上的定制效果。 1、宽度变成了100% 2、设置了一个原创 2015-08-03 13:34:15 · 1111 阅读 · 0 评论 -
bootstrap(支持的JavaScript插件)
支持的JavaScript插件 Bootstrap V3.2中提供了12种JavaScript插件,他们分别是: ☑ 动画过渡(Transitions):对应的插件文件“transition.js” ☑ 模态弹窗(Modal):对应的插件文件“modal.js” ☑ 下拉菜单(Dropdown):对应的插件文件“dropdown.js” ☑ 滚动侦测(Scrollspy):原创 2015-08-05 11:32:36 · 854 阅读 · 0 评论 -
bootstrap(组件)
缩略图(一) 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。 源码文件: ☑ LESS版本:对应文件thumbnails.less结构:<div class="contai原创 2015-08-04 22:47:12 · 743 阅读 · 0 评论 -
bootstrap( 导航条、分页导航)
基础导航条<div class="navbar navbar-default" role="navigation"> <ul class="nav navbar-nav"> <li class="active"><a href="##">网站首页</a></li> <li><a href="##">系列教程</a></li> <li><a h原创 2015-08-04 13:38:40 · 2213 阅读 · 0 评论 -
bootstrap(菜单、按钮、导航)
下拉菜单(基本用法) 在Bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,它对应的文件: ☑ LESS版本:对应的源码文件为 dropdowns.less1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为:<div class="dropdown"></div>2、使用了一个按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义原创 2015-08-04 10:03:58 · 3351 阅读 · 0 评论 -
bootstrap基础01
bootstrap模板:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-原创 2015-08-03 11:03:07 · 435 阅读 · 0 评论 -
bootstrap表单
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <!-- 使用最新的浏览器内核解析 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 移动设备优先 --> <meta name="viewport" co原创 2016-01-10 19:51:34 · 499 阅读 · 0 评论