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 · 3350 阅读 · 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 评论