Bootstrap是Twitter推出的一个用于前端开发的开源工具包。
用外链加载的方式可以将Bootstrap链接进来

常用方式:
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">

Bootstrap中提供的方法用class来引入
不同的标签有不同的class
常用标签的常用样式
1,table

table
table-bordered
table-striped: 颜色隔行变化
table-hover: 鼠标划过样式

2,h标签

<h1>36px <small>65%</small></h1>
<h2>30px<s mall>65%</small></h2>
<h3>24px<small>65%</small></h3>
<h4>18px<small>75%</small></h4>
<h5>14px<small>75%</small></h5>
<h6>12px<small>75%</small></h6>

3,文本标签(如:p)

text-center: 居中
text-right: 右对齐
text-left
text-justify: 两端对齐
text-uppercase: 将所有字母都变成大写
text-lowercase: 将所有字母都变成小写
text-capitalize: 首字母大写
text-nowrap: 不换行
lead: 突出 强调(就是加粗加大一些)

4,列表
list-unstyled: 取消列表的默认样式
list-inline: 将列表横放,并取消默认样式

5,button

btn: 正常大小按钮
btn-lg: 大点的按钮
btn-sm: 小点的按钮
btn-xs: 更小的按钮
btn-danger: 红色
btn-warning: 黄色
btn-success: 绿色
btn-info: 浅蓝色
btn-primary: 深蓝色
btn-link: 蓝色的字体

active: 活跃的
disabled: 禁止点击
6.表单
form-inline :表示里面内容是在一行的 通常写在一个大div里,把想要在一行的元素套在里面
form-control : input的基本样式
form-group : 将里面内容分成一组,通常写在个大div里
input-group-aon :

Bootstrap标签的更多相关文章

  1. Bootstrap 标签页（Tab）插件

    摘自: http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html Bootstrap 标签页(Tab)插件 标签页(Tab)在 Bootstr ...

  2. 第二百四十五节，Bootstrap标签页和工具提示插件

    Bootstrap标签页和工具提示插件 学习要点: 1.标签页 2.工具提示 本节课我们主要学习一下 Bootstrap 中的标签页和工具提示插件. 一．标签页选项卡 标签页也就是通常所说的选项卡功能 ...

  3. Bootstrap 标签

    本章将讲解bootstrap标签,标签可用于计数,提示和页面上其它的标记显示.使用class.laber来显示标签,如下面的实例所示 <!DOCTYPE html><html> ...

  4. Bootstrap 标签页和工具提示插件

    一．标签页 标签页也就是通常所说的选项卡功能. //基本用法 <ul class="nav nav-tabs"> <li class="active&q ...

  5. Bootstrap 标签的变体 实例样式

    Bootstrap 标签样式,代码如下: <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 标签的 ...

  6. 解决Bootstrap 标签页(Tab)插件切换echarts不显示问题

    1.参考连接:https://blog.csdn.net/qq_24313955/article/details/78363981 问题描述:在echarts跟bootstrap选项卡整合的时候,默认 ...

  7. 使用bootstrap标签页

    关键字:使用标签页,静态调用html页面(使用iframe内联框架) 完整代码如下: <!DOCTYPE html> <html lang="en"> &l ...

  8. bootstrap 标签页tab切换js（含报错原因）

    booststrap 标签页的tab切换,相信大家已经都很熟悉了,在boot官网示例以及其他网站已经很多罗列相关代码的了,这里就不赘述了.这里主要贴下让boot标签页默认显示哪个标签页的js. 主要留 ...

  9. Bootstrap标签页(Tab)插件事件

    事件 下表列出了标签页(Tab)插件中要用到的事件.这些事件可在函数中当钩子使用. 事件 描述 实例 show.bs.tab 该事件在标签页显示时触发,但是必须在新标签页被显示之前.分别使用 even ...

随机推荐

  1. javascript耐人寻味

    在思考javascript解释过程的时候,看过别人几篇文章,自己做了几个测试 容易理解,在javascript,形如这样的代码可以正常执行: alert(hello()); function hell ...

  2. Linux运维命令之一

    释放内存:syncecho 3 > /proc/sys/vm/drop_caches Linux查看Dell服务器型号命令:dmidecode | grep "Product Name ...

  3. UE4编程之C++创建一个FPS工程（二）角色网格、动画、HUD、子弹类

    转自:http://blog.csdn.net/u011707076/article/details/44243103 紧接上回,本篇文章将和大家一同整理总结UE4关于角色网格.动画.子弹类和HUD的 ...

  4. Spring注解【非单例】

    花了至少一整天的时间解决了这个问题,必须记录这个纠结的过程,问题不可怕,思路很绕弯. 为了能说清楚自己的问题,我都用例子来模拟. 我有一个类MyThread是这样的: @Service public ...

  5. Create，Insert

    创建表 create table people ( id int ,name ) ) create table toys ( id int ,name ) ,people_id int ) CREAT ...

  6. git -C

    https://git-scm.com/docs/git -C <path> Run as if git was started in <path> instead of th ...

  7. Python中时间的处理之——timedelta篇

      #! /usr/bin/python # coding=utf-8 from datetime import datetime,timedelta """ timed ...

  8. Python渗透测试工具合集

    摘自:http://www.freebuf.com/tools/94777.html 如果你热爱漏洞研究.逆向工程或者渗透测试,我强烈推荐你使用 Python 作为编程语言.它包含大量实用的库和工具, ...

  9. javascript权威指南笔记--javascript语言核心（六）

    通过ECMAScript 3创建的属性都是可写的.可枚举的.可配置的. 在ECMAScript 5中,数据属性的4个特性分别是它的值.可写性.可枚举性.可配置性.存取器属性的特性是读取.写入.可枚举性 ...

  10. sgu-508 Black-white balls 概率-贝叶斯公式

    题意:有n个球,其中有0.1.2...n个黑球的概率是相等的,现在从中取出L个球,p个黑球q个白球.现在问猜一个黑球的区间,使得落在这个区间的概率大于给定的一个数值. 详见代码: #include & ...