bootstrap

按钮:

尺寸:btn-lg  大按钮,btn-sm  小按钮 , btn-xs  超小

颜色:active  浅灰色,success  绿色,info  浅蓝色,warning 黄色,danger 棕红色

table表格:

table-striped    斑马线(条纹状表格)

table-bordered   加边框

table-hover    悬停效果

table-condensed   压缩表格

表单:

form-control类的input,textarea,select 元素的宽度默认为100%

label与文本表单结合使用点击可以获取焦点

表单页面:

.from-inline左对齐

.from-group  表单组

.form-horizontal  成一行显示

关闭按钮:

.close aria-label="close"

<span sria-hidden="true">&times;</span>

下拉菜单:

.dropdown 

<button class="btn drop-toggle"  data-toggle="dropdown">

三角符号:

<span class="caret"></span>

按钮组:

工具栏.btn-toolbar 里边放.btn-group 里边放.btn

.btn-group-justified 在a标签里用,两端对齐

导航条:

<nav class="navbar navbar-inverse navbar-fixed-top">

navbar-fixed-top固定于顶部

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,917评论 3 184
  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 5,043评论 0 66
  • bootstrap CSS# 一、容器.container 包裹其他元素div.row 必须放在.conta...
    贞贞姐阅读 950评论 0 14
  • CSS全局样式 概览 移动设备优先 布局容器 1、container类用于固定宽度并支持响应式布局的容器 2、co...
    VEN_64d6阅读 1,421评论 0 1
  • 国家搞计划经济这些年受到了广泛批评,但是计划经济仍然有许多合理性,不能够简单否定,还需要历史检验。企业全面费用被视...
    你弟路过阅读 168评论 0 1