zoukankan      html  css  js  c++  java
  • bootstrap

    前端框架样式

    ​ 框架是将很多样式都已经写好了,封装成一个个的类

    .xxx{

    }

    只要我们添加对应的样式类即可

    ​ <input class='form-control'></input>

    想要使用前端框架 统一都必须先下载或者先引用

    bootstrap框架动态效果是基于jQuery的 也就意味着你在使用bootsrap的时候要提前先导入jquery(******)

    布局容器

    <div class="container">
        左右两边有留白
    </div>
    <div class="container-fluid">
        占满屏幕
    </div>
    

    栅格系统

    用row来划定行 默认一行是有12份的

    在使用bootstrap的时候 你需要做12以内的加减法

    用col-md-数字来划定份数 一行也就12份

    控制左右移动

    col-md-offset-数字 从左往右移动几份

    表格标签

    <table class="table table-hover table-striped table-bordered">

    表单标签 如果你想让它有样式

    ​ 一般情况下都是只需要加一个form-control即可

    需要记住的颜色:

    primary 蓝色

    success 绿色

    info 浅蓝色默认色

    warning 黄色

    danger 红色

    三个前端开发的网站

    bootstrap

    bootstrap-sweetalert

    fontawesome

  • 相关阅读:
    alpha冲刺1/4
    第二次作业
    第一次作业
    第一次个人作业
    第10组 Beta版本演示
    第10组 Beta冲刺(4/4)
    第10组 Beta冲刺(3/4)
    第10组 Beta冲刺(2/4)
    第10组 Beta冲刺(1/4)
    第10组 Alpha冲刺(4/4)
  • 原文地址:https://www.cnblogs.com/godlover/p/12134263.html
Copyright © 2011-2022 走看看