![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
文章平均质量分 69
卡西莫多的礼物
享受孤独
展开
-
bootstrap学习之起步与导航
bootstrap是一个非常有名的基于jquery的前端框架,我们可以通过CDN来直接引用,但是在引用bootstrap的js之前需要先引人jquery,如下所示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="原创 2018-11-04 10:31:54 · 157 阅读 · 0 评论 -
bootstrap学习 列表组list-group
列表组学习 列表组可以通过list-group类来使用其样式,实际上,我们有三种不同的实现方式,第一种是ul+li的方式,即使用具有list-group的ul和list-group-item的li来实现,另外两种分别是使用具有list-group的div和list-group-item的a标签或者button标签来实现。具体可用的相关类罗列如下: 列表组常用类 list-group 将...原创 2018-11-04 10:54:12 · 4869 阅读 · 0 评论 -
bootstrap 全局css样式
布局容器 在bootstrap中一共有两种布局容器,一种是两边留白的紧凑型container类,一种是平铺整个屏幕的container-fluid类,需要注意的是这两种类不能互相嵌套 格栅系统 bootstrap中的格栅系统相当于把页面分为最多12列,可以放到row类的div中,相当于指定每一行放置几块内容,每一块内容放置几列。该系统可以非常方便的将页面划分为几个部分,就像是csdn的布局一...原创 2018-11-04 17:23:03 · 310 阅读 · 0 评论 -
bootstrap 表单样式
为了获得一个好看的form表单空间,我们需要如下的操作: 效果图如下: 我们首先通过form-horizontal类来指定我们的表单空间是水平排列的,即标签和输入框在一个水平线上,然后我们通过form-group来使得表单控件占满整个容器的宽度,然后通过col-sm-x来指定标签和空间各自所占的距离,之后我们添加入control-label和form-control来为标签和输入框添加...原创 2018-11-05 15:48:44 · 1466 阅读 · 0 评论