2017 年 6月 22 日随笔档案 - 杨瑞瑞瑞

2017年6月22日

摘要：这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。 div class="jumbotron"> <h1>Hello, world!</h1> <p>...</p> <p><a class="btn btn-primary btn-lg" href="#" role="but 阅读全文

posted @ 2017-06-22 23:15 杨瑞瑞瑞阅读(228) 评论(0) 推荐(0) 编辑

链接

摘要：用 <a> 标签代替 <li> 标签可以组成一个全部是链接的列表组（还要注意的是，我们需要将 <ul> 标签替换为 <div> 标签）。没必要给列表组中的每个元素都加一个父元素。阅读全文

posted @ 2017-06-22 23:14 杨瑞瑞瑞阅读(96) 评论(0) 推荐(0) 编辑

bootstarap列表组

摘要： <ul class="list-group"> <li class="list-group-item">Cras justo odio</li> <li class="list-group-item">Dapibus ac facilisis in</li> <li class="list-grou 阅读全文

posted @ 2017-06-22 23:13 杨瑞瑞瑞阅读(316) 评论(0) 推荐(0) 编辑

媒体对象

摘要： <div class="media"> <div class="media-left"> <a href="#"> <img class="media-object" src="..." alt="..."> </a> </div> <div class="media-body"> <h4 clas 阅读全文

posted @ 2017-06-22 23:11 杨瑞瑞瑞阅读(101) 评论(0) 推荐(0) 编辑

进度条

摘要：默认样式的进度条阅读全文

posted @ 2017-06-22 23:10 杨瑞瑞瑞阅读(99) 评论(0) 推荐(0) 编辑

bootstarap下拉菜单

摘要： <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> D 阅读全文

posted @ 2017-06-22 23:09 杨瑞瑞瑞阅读(408) 评论(0) 推荐(0) 编辑

bootstrap标签

摘要： <span class="label label-default">Default</span> <span class="label label-primary">Primary</span> <span class="label label-success">Success</span> <sp 阅读全文

posted @ 2017-06-22 23:09 杨瑞瑞瑞阅读(58) 评论(0) 推荐(0) 编辑