按钮一般用来执行操作,但是也可以设置状态。 状态按钮 单一的按钮可以通过data-toggle=”button”设置切换状态: <button type="button" class="bt…
标签:bootstrap
bootstrap - 弹出层
弹出层包括模态对话框、提示条、popover、alert。它们都可以用来提示或者警告用户,或者显示详细信息。 模态对话框 模态对话框就是一个对话框,它在继续下一步工作前来提示重要信息给用户,并可能会要求用户做出不同操作的…
bootstrap响应式导航条
<nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class=…
bootstrap - image
使用bootstrap内置类可以把图片套圆角、套圆、套白边: <img src="http://placehold.it/125x125" class="img-rounded" > <img src=…
bootstrap - navbar
navbar被称为导航条,一般放到站点的页面头部,用来导航网站。如下展示了一个比较简单的导航条,其中仅有一个用来放置Logo或者站点名称的navbar-brand ,以及两个导航链接: <nav class="na…
Bootstrap的直白说明
bootstrap不是twitter的那个前端,而是统计学中的概念,下边随实验进行说明假设有个事件,共发生了10000000次,发生的概率呈泊松分布。当然,假设我们是不知道他是泊松分布的 import numpy as …
bootstrap - icon + label + badge ,对span的扩展
本文讲解的是三个行内组件,它们可以嵌入到很多其他组件内来达成设计者的交互意图。它们分别是 icon、label、badge。 行内通用标签span,可以应用glyphicon从而变成一个icon: <span cl…
bootstrap - 基于ul的扩展 list + listgroup + dropdown
标签ul是非常实用的,因为它: 可以在语义上表达一个列表 列表是可以嵌套的 比如这样的例子代码: <ul > <li>Item1</li> <li>Item2 <ul…
bootstrap - panel + collapse + accordion + well
有时候,你想要把内容放到一个看起来还漂亮的盒子里面,那么就可以考虑panel。panel就是一个可以选择不同的边线样式、还可以有header和footer的盒子。这样一个有头有脚的组件,代码看起来是这样的: <di…
Bootstrap 之 Metronic 模板的学习之路 - (5)主题&布局配置
Theme Setup 主题配置 Metronic comes with 6 color themes,default, darkblue, blue, grey, light, light2. To setup a s…
bootstrap 起步
bootstrap是Twitter公司出品的css框架,被前端程序员欣赏并广为采用。那么它给web网页带来了什么呢。我们从一个按钮的样式开始。假设如下代码的网页,页面内只有一个按钮: //vim normal.html …
创建bootstrap carousel的方法
bootstrap提供了一个carousel(旋转木马)组件,我们称之为轮播。它可以轮播图片和文字,常常用来展示网站的关键信息。如下就是一个carousel: [carousel demo](https://jsfidd…