zoukankan      html  css  js  c++  java
  • 前端基础之Bootstrap

    1. 页面加载完之后才执行的JS代码
            1. DOM方式
                window.onload = function(){}
            2. jQuery方式
                $(document).ready(function(){...})    
        2. Bootstrap
            1. Bootstrap是什么?
                twitter公司开源的一个前端开发框架。(一坨HTML、CSS和JS的代码)
            2. Bootstrap的版本
                3.3.版本
            3. Bootstrap的使用
                1. 下载
                    https://v3.bootcss.com/
                    
                2. 导入
                    link标签导入 bootstrap.css或者bootstrap.min.css
            4. 常用样式类
                1. 容器
                    1. container
                    2. container-fluid
                2. 栅格系统
                    把一行均分成最多12列
                    可以设置标签占多少列
                    
                    1. row表示一行
                    2. col-xx-**表示一列
                        xx: 表示样式适用的屏幕尺寸
                            - xs  手机
                            - sm  平板
                            - md  桌面显示器
                            - lg  超大屏幕
                        **:表示占多少份
                            - 取值范围: 1~12
                    3. col-xx-offset-**:
                        表示左侧空几份!
                    4. 列支持再嵌套(再写一行,分成12份)
                    5. 列排序
                        1. col-xx-push-*  --> 往右推
                        2. col-xx-pull-*  --> 往左拉
                3. 布局样式
                4. 表格
                5. 表单
                6. 按钮
                7. 图片
                8. 辅助类
                    1. 文本颜色
                    2. 背景颜色
                    3. 快速浮动
                    4. 清除浮动

  • 相关阅读:
    基于jquery实现的文字淡入淡出效果
    js截取小数点后几位的写法
    JS获取IP、MAC和主机名的五种方法
    php checkbox复选框值的获取与checkbox默认值输出方法
    php验证复选框有效性的示例
    【Trapping Rain Water】cpp
    【Valid Sudoku】cpp
    【Permutation Sequence】cpp
    【Next Permutation】cpp
    【Remove Elements】cpp
  • 原文地址:https://www.cnblogs.com/wjs521/p/9642604.html
Copyright © 2011-2022 走看看