随笔分类 -  bootstrap

动态添加内容到滚动区域
摘要：大家来吐槽 ... 阅读全文
posted @ 2017-03-02 13:55 iriliguo 阅读(388) 评论(0) 推荐(0)
新闻自动滚动
摘要：<div class="container "> <div class="row"> <div class="panel panel-default"> <div class="panel-heading"> <span class="glyphicon glyphicon-list-alt"></ 阅读全文
posted @ 2017-03-02 10:04 iriliguo 阅读(175) 评论(0) 推荐(0)
多媒体对象（Media Object）
摘要：戚薇：博学广思，始终向前 这就是我喜欢的学习、生活，皮皮虾学院，等你来战。全文 >> 谢霆锋：绿色的工程梦，从这里起步 来到这里，不负我望，这里是学习工程的天堂。... 阅读全文
posted @ 2017-03-02 09:32 iriliguo 阅读(852) 评论(0) 推荐(0)
搜索框
摘要：<div class="col-md-3 input-group hidden-xs" style="margin-top:30px"> <input type="text" class="form-control" style="position:relative;top:1px;" placeh 阅读全文
posted @ 2017-03-01 10:42 iriliguo 阅读(155) 评论(0) 推荐(0)
进度条（progress）
摘要：<div class="panel panel-default"> <div class="panel-heading">工资状态</div> <div class="panel-body"> <p>月收入15000以上：40%</p> <div class="progress"> <div cla 阅读全文
posted @ 2017-02-26 20:17 iriliguo 阅读(704) 评论(0) 推荐(0)
图表
摘要：<canvas id="canvas" class="col-md-12"></canvas> 阅读全文
posted @ 2017-02-26 20:15 iriliguo 阅读(100) 评论(0) 推荐(0)
轮播（Carousel）
摘要：<div id="myCarousel" class="container carousel slide" data-ride="carousel" data-interval="2000"> <!-- 轮播（Carousel）指标 --> <ol class="carousel-indicator 阅读全文
posted @ 2017-02-26 19:53 iriliguo 阅读(467) 评论(0) 推荐(0)
可以拖动的面板（Panels）
摘要：html部分：<div class="col-sm-2 left_nav" id="float_fixed" > <div class="panel panel-primary console" id="fixedPosition"> <div class="panel-heading" id="f 阅读全文
posted @ 2017-02-23 20:01 iriliguo 阅读(419) 评论(0) 推荐(0)
Modal模态框
摘要：<button class="btn btn-success " data-toggle="modal" data-target="#myModal4">提交</button> <!-- data-target="#identifier" 或 href="#identifier" 都可用来指定要切换 阅读全文
posted @ 2017-02-23 19:46 iriliguo 阅读(174) 评论(0) 推荐(0)
pagination分页
摘要：<div class="text-center "> <!-- class="text-center让分页码整体居中 --> <ul class="pagination "> <li><a href="# ">&laquo;</a></li> <li class="active "><a href= 阅读全文
posted @ 2017-02-23 19:37 iriliguo 阅读(372) 评论(0) 推荐(0)
bootstrap模板
摘要：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w 阅读全文
posted @ 2017-02-23 19:32 iriliguo 阅读(104) 评论(0) 推荐(0)
Tab标签页
摘要：<ul id="myTab" class="nav nav-tabs"> <li class="active"> <a href="#home" data-toggle="tab"> first </a> </li> <li><a href="#ios" data-toggle="tab">seco 阅读全文
posted @ 2017-02-23 19:28 iriliguo 阅读(176) 评论(0) 推荐(0)