zoukankan      html  css  js  c++  java
  • bootstrap开发响应式网页的常用的一些 类的说明

    1.navbar-导航条

      1.navbar-fixed-top,让导航条固定显示在页面上部(注意:固定的导航条会遮住代码,解决方案,给body设置padding-top的值【大于或等于】为我们导航条的实际高度,如我们nav的height为50px,我们设置body {padding-top:50px;},这样就可以避免导航条遮住我们的内容部分)

      2.包含一个.container 或 container-fluid容器,导航条居中或者自适应显示

      3.导航条默认.navbar-default是白底显示,如果想要显示黑底背景,给nav添加.navbar-inverse

    2.dropdown-(下拉菜单)

    3.carousel-滚动图片广告(轮播图)组件

    4.Grid System-(栅格系统)图文列表--多栏布局简介

    5.tabs-标签页

      注:标签页是一个经常使用的内容,在网页上可以放置较多的内容,又可以 节省空间

    6.modal-(模态框)-弹出框

      注:模态框是一个经常使用的组件,一般用于弹出信息、确认信息和表单等内容。

    7.打开标签页

      $("#tablist a[href='点击的菜单项']").tab("show");

    以上7种就是我们在构建网页中用的比较多的几种类型组件,多看文档多写文档,才能提高更快。

  • 相关阅读:
    【蓝桥杯/算法训练】Sticks 剪枝算法 (附胜利大逃亡)
    【蓝桥杯/基础练习】回文数、特殊的回文数
    【蓝桥杯/基础练习】十六进制转八进制
    交叉验证
    第一次写博客---交叉验证
    实验五
    汇编语言第二章
    实验四
    实验三
    实验二
  • 原文地址:https://www.cnblogs.com/helena000/p/5986258.html
Copyright © 2011-2022 走看看