码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap

时间:2020-01-02 18:35:53      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:左右移动   border   数字   hover   row   标签   rap   pre   off   

前端框架样式

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

.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

bootstrap

标签:左右移动   border   数字   hover   row   标签   rap   pre   off   

原文地址:https://www.cnblogs.com/godlover/p/12134263.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!