zoukankan      html  css  js  c++  java
  • bootstrap的基本使用

    1. bootstrap 中的用法

      1. 表格的使用方法

    默认基础样式:

     效果展示:还带有颜色

     2. 带边框的表格&紧缩展示

       展示效果:

     

     条纹表格:

    展示效果:

     

     响应式表格:

     

     展示效果:

     

     列表的展示:

     

    展示效果:

     

     

     展示效果:

     

     

     展示效果:背景颜色改变

     图片的展示:

     

    效果展示:

     

     第二种展示:

    效果展示:

     

     第三种:

     

     按钮的设置:

     

    展示效果:

     

     

     展示效果:

     

     展示效果:

     排版:

     展示效果:

     

     展示效果:

     

     展示效果:

     

     展示效果:

     

     展示效果:

     

     展示效果:

     

     展示效果:

     media  展示:

     

     

     展示效果:

     

     当你缩小屏幕时 就会发生改变:

     

     布局容器:

     

    展示效果:

     

     

    展示效果:

     

     

     展示效果:

     

     

     展示效果:

     

     

     展示效果:

     

     

    展示效果:

     

     

    展示效果是滚动的

     

     下拉菜单  一

     

     下拉菜单二:

     下拉菜单三:

     

     下拉菜单四:

     辅助样式:

     

     分页:

     小号分页:

     

     

     列表组:

     

     响应式导航条:顶部

     

    浏览器显示的信息:底部

     

     基本表单样式:

     

     媒体对象:

     

     字体图标和按钮组:

     导航:

     

     巨幕:

     徽章:

     

     情景文本:

     标签:

     水平排列表单:

     行内表单:

     

     警告框:

    输入框组:

     

     进度条:

     面包屑:

     

     面板:

     

     页头电影:

     

     展示效果:

     下拉菜单:

     

     手风琴:

     标签页:

     

     模态框:

     滚动监听:

     

     

     警告框:

     

     轮播图:

     效果图

  • 相关阅读:
    Mysql: 一个死锁场景的解决
    Mysql: 创建新的账号
    安全评测:BashDoor
    BeanFactory和FactoryBean的区别:
    linux 下将war解压到当前目录
    学习BoolanC++笔记_01(C++面向对象高级编程(上)第一周)
    学习BoolanC++笔记_00(预备)
    Linux (Centos) 上安装Nexus OSS 3 并搭建docker私有仓库
    linux(Centos7)搭建rpm仓库
    树莓派4b安装 manjaro linux
  • 原文地址:https://www.cnblogs.com/zhulina-917/p/11772966.html
Copyright © 2011-2022 走看看