bootstrap
关注
分享
扫一扫
丶丶路遥
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
1--bootstrap笔记--导航栏的定义
下载和导入bootstrap 1.登录官网bootstrap，进入download页面，下载bootstrap3.*版本 2.导入bootstrap，这里需要导入bootstrap框架，使用标签导入bootstrap即可，这里建议导入bootstrap.min.css，经过了压缩后的bootstrap框架<link href="css/bootstrap.min.css" rel="st原创 2017-12-31 14:38:56 · 902 阅读 · 0 评论 -
2--bootstrap笔记--表格
使用bootstrap创建一个表格也是很简单的，并且能个设计得足够漂亮代码展示 <div class="container"> <div class="table-responsive"> <table class="table table-bordered table-hover"> <thead> <tr>原创 2017-12-31 15:02:11 · 194 阅读 · 0 评论 -
3--bootstrap笔记--网格
在web开发中，往往不会使用table而使用div来制作表格，使得页面更加美观和更好的控制，定义表格之后还需要自己写css修饰div的背景颜色和边框效果等等 <div class="container"> <div class="row"> <div class="col-*-*"></div> <div class="col-*-*">原创 2017-12-31 15:20:35 · 213 阅读 · 0 评论 -
4--bootstrap笔记--按钮和图片
在bootstrap中定义一个按钮，也是用class控制其风格按钮的几种默认的风格 <button type="button" class="btn btn-default">default</button> <button type="button" class="btn btn-primary">primary</button> <button t原创 2018-01-01 10:51:55 · 380 阅读 · 0 评论 -
5-bootstrap笔记-表单
创建一个bootstrap表单，你可以选择手写，当然也可以选择网上提供的表单表单生成器 1.用表单生成器生成一个表单 这个很简单，只需要在网上百度表单生成器，直接使用即可 2.手动创建一个表单手动创建一个表单 当然，也是比较简单的，因为只需要定义好了表单的名字，就能创建一个漂亮的表单了 <!--表单的基本结构--> <form class="form-hori原创 2018-01-01 12:20:59 · 258 阅读 · 0 评论 -
6-bootstrap笔记-其他表单组件
文本域 <form class="form-horizontal" role="form"> <textarea class="form-control" rows="5">hello</textarea> </form>复选框 <!--同样是在form标签下创建--> <div class="checkbox"> <label>原创 2018-01-01 18:17:38 · 217 阅读 · 0 评论 -
7-boostrap笔记-下拉菜单
除了使用select标签创建一个人下拉菜单，还可以使用一个按钮加ul标签的形式创建一个下拉菜单，效果比select标签更加可观<div class="dropdown"> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dro原创 2018-01-01 22:26:54 · 313 阅读 · 0 评论 -
8-bootstrap笔记-类似百度的输入框
使用bootstrap生成一个类似百度的组合输入框，当然还可换成其他类型的组合下拉列表，单选框，复选框等等。代码展示<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initail-scale=1,shrin原创 2018-01-03 10:26:49 · 899 阅读 · 0 评论