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

posted @ 2020-01-02 17:44  godlover  阅读(172)  评论(0编辑  收藏  举报