bootstrap
关注
分享
扫一扫
kuuhakuna
现实就是现实，要理解现状并且分析，在那之中一定会有导致现状的原因
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Bootstrap——警告，进度条，列表组，面板，Well
可取消的警告通过创建一个 <div>，并向其添加一个 .alert 和（alert-success、.alert-info、.alert-warning、.alert-danger）之一，来添加一个基本的警告框。 同时向上面的 <div>class添加可选的.alert-dismissable。 添加一个关闭按钮。 <div class="alert alert-success alert-di原创 2017-12-05 00:30:06 · 321 阅读 · 0 评论 -
Bootstrap——分页，翻页，标签，缩略图
默认分页.pagination<ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">»</a><原创 2017-12-05 00:28:39 · 1586 阅读 · 0 评论 -
Bootstrap——输入框组
输入框组基本的输入框组<div style="padding: 100px 100px 10px;"> <form class="bs-example bs-example-form" role="form"> <div class="input-group"> <span class="input-group-addon">@</span>原创 2017-12-05 00:27:16 · 417 阅读 · 0 评论 -
Bootstrap——按钮，按钮组，图片，文字，背景，下拉菜单
按钮.btn 为按钮添加基本样式.btn-default 默认/标准按钮 .btn-primary 原始按钮样式（未被操作） .btn-success 表示成功的动作 .btn-info 该样式可用于要弹出信息的按钮 .btn-warning 表示需要谨慎操作的按钮 .btn-danger 表示一个危险动作的按钮操作原创 2017-12-05 00:23:49 · 3341 阅读 · 0 评论 -
Bootstrap——字体图标
字体图标使用方法：<span class="glyphicon glyphicon-search"></span> 在线定制：字体图标 定制字体尺寸：<button type="button" class="btn btn-primary btn-lg" style="font-size: 60px"> <span class="glyphicon glyphicon-user"></spa原创 2017-12-05 00:16:55 · 392 阅读 · 0 评论 -
Bootstrap——表单
表单垂直表单<form role="form"> <div class="form-group"> <label for="name">名称</label> <input type="text" class="form-control" id="name" placeholder="请输入名称"> </div> <div class="form-group"> <原创 2017-12-05 00:13:45 · 319 阅读 · 1 评论 -
Bootstrap——代码、表格
代码 第一种是 <code> 标签。内联显示代码. 第二种是 <pre> 标签。代码需要被显示为一个独立的块元素或者代码有多行. <pre class="pre-scrollable">,多行代码有滚动条。 第三种是 <kbd> 标签。按键提示. 支持的表格元素<table> 为表格添加基础样式。 <thead> 表格标题行的容器元素（<tr>），用来标识表格原创 2017-12-04 16:49:13 · 566 阅读 · 0 评论 -
Bootstrap——排版
标题//第一种 <div class="h1">我是标题h1</div> //第二种 <h1>我是标题1 h1</h1>副标题<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1> <h2>我是标题2 h2. <small>我是副标题2 h2</small></h2> <h3>我是标题3 h3. <small>我是副标题3 h3</small></h3>段落强调文本<原创 2017-12-04 16:26:46 · 335 阅读 · 0 评论 -
Bootstrap——网格系统
随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。基本网站结构<div class="container"> <div class="row"> <div class="col-*-*"></div> <div class="col-*-*"></div> </div> <div class="row">...</div>原创 2017-12-04 16:04:18 · 236 阅读 · 0 评论 -
Bootstrap——使用查询
（1）–环境配置 （2）– 基本样式之表格 （3）– 基本样式之表单 （4）– 基本样式之按钮 （5）– 基本样式之标签 （6）– 基本样式之图片 （7）– 基本组件之下拉菜单 （8）– 基本组件之按钮组 （9）– 基本组件之input输入框组 （10）– 基本组件之导航 （11）– 基本组件之列表组 （12）– 基本组件之分页 （13）– 基本组件之缩略图 （14）– 基原创 2017-12-04 12:36:08 · 426 阅读 · 0 评论 -
Bootstrap——起步概览
HTML5文档类型因为使用了HTML5中的一些元素，所以使用其文档类型<!DOCTYPE html> <html> .... </html>移动设备支持device-width 可以确保它能正确呈现在不同设备上。 initial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。<meta name="viewport" content="width=device-wi原创 2017-12-04 15:54:17 · 200 阅读 · 0 评论