![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
不会敲代码的灵长类
这个作者很懒,什么都没留下…
展开
-
bootstrap之下拉菜单与模态框
下拉菜单 <div class="dropdown"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 喜欢频道 <span class="caret"></span> </button> <!-- 下拉菜单使用ul列表并且定义一个类名 --> <ul class="d原创 2021-01-19 12:13:58 · 473 阅读 · 0 评论 -
bootstrap插件
导航 <!-- 标签式导航 --> <ul class="nav nav-tabs"> <li class="active"> <a href="">HOME</a></li> <li><a href="">SVN</a></li> <li><a href="">ios</a></li> <li><原创 2021-01-18 16:34:54 · 75 阅读 · 0 评论 -
bootstrap常用样式之排版
标题 bootstrap对h1到h6标题进行了覆盖,让标题加粗效果减少并且更醒目,还提供了通过修改class为h1到h6,让div标签变成标题标签。除此之外,small标签或者类名来显示副标题。 <h1>标题1</h1> <h2>标题2</h2> <h2>标题3</h2> <div class="h1"> 标题1 </div> <small>副标题</small>原创 2021-01-18 16:06:41 · 356 阅读 · 1 评论 -
bootstrap之布局容器和栅格网格系统
布局容器 第一种布局:两侧留白 将div的class属性设置为container,就可以响应式的方式将所属区域居中,并自适应屏幕宽度。 <div class="container" style="background-color: #31B0D5; height: 550px;"> 第一种布局:两侧留白 </div> 第二种布局:占据整个屏幕的宽度 <div class="container-fluid" style="background-color: #3原创 2021-01-07 21:27:40 · 452 阅读 · 1 评论 -
bootstrap框架入门
特点 1、响应式布局,基于HTML5、css3,丰富组件,让web开发更加简单 2、自定义jQuery,基于sass的css预处理技术。 3、响应式布局设计,兼容不容分辨率的设备。 官网下载bootstrap https://v3.bootcss.com/getting-started/#download 初学者推荐下载源码版本 下载文件后打开文件,复制dist目录进入项目,内涵需要的css样式和js样式。 bootstrap标准模板 <!DOCTYPE html> <html lan原创 2021-01-05 21:23:45 · 109 阅读 · 0 评论