Waterfox Blog

一生想做浪漫极客

bootstrap-pagination分页

"bootstrap-pagination分页"

<ul class=”pagination” <ul class="pagination .pagination-lg 大些 .pagination-sm 小些 <Li .disabled 禁用 <Li .active 选中 <li .previous. 摆放到屏幕左侧 <li .next 摆放到屏幕右侧 默...

Posted by Waterfox on September 8, 2017

bootstrap-navbar导航栏

"bootstrap-navbar导航栏"

Bootstrap 导航栏<nav class="navbar navbar-default" role="navigation"> 使用<nav可以自适应到视图，缩进和扩展。没有这个标签的时候就可以查看这篇文章 bootsrap-nav导航元素 nav包裹 <nav class="navbar navbar-default" role="navigation"&g...

Posted by Waterfox on September 8, 2017

bootstrap-label标签

"bootstrap-label标签"

h1和h2可以加大标签的大小 <h1>Example Heading <span class="label label-default">Label</span></h1> <h2>Example Heading <span class="label label-default">Label</span>&l...

Posted by Waterfox on September 8, 2017

bootstrap-breadcrumb面包屑导航

"bootstrap-breadcrumb面包屑导航"

<ol class=”breadcrumb <ol class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">2013</a></li> <li class="active"&...

Posted by Waterfox on September 8, 2017

bootstrap-nav导航元素

"bootstrap-nav导航元素"

基本功能样式 <ul class=”nav” Nav同时支持两种样式： nav-tabs 标签式 nav-pills 胶囊式 <p>基本的胶囊式导航菜单</p> <ul class="nav nav-pills"> <li class="active"><a href="#">Hom...

Posted by Waterfox on September 7, 2017

bootstrap-inputTextGroup

"bootstrap-inputTextGroup"

inputTextGroup 为input的前缀和后缀添加任意元素 <div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-control" placeholder...

Posted by Waterfox on September 6, 2017

bootstrap-dropdown

"bootstrap-dropdown"

Dropdown <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> Dropdown <spa...

Posted by Waterfox on September 6, 2017

bootstrap-buttonGroup

"bootstrap-buttonGroup"

bs3-button-toolbar分组btn-group <div class="btn-toolbar" role="toolbar"> <div class="btn-group"> <button type="button" class="btn btn-default">1</button> ...

Posted by Waterfox on September 6, 2017

bootstrap的Img图像

"bootstrap的Img图像"

“一站式，就缺前端 ” IMG样式 .img-rounded：添加 border-radius:6px 来获得图片圆角。是图片看起来圆滑 .img-circle：添加 border-radius:50% 来让整个图片变成圆形。使用与头像 .img-thumbnail：添加一些内边距（padding）和一个灰色的边框。 适用于看起来像缩略图 .img-responsive 响应式图...

Posted by Waterfox on September 6, 2017

bootstrap的Button

"bootstrap的Button"

“一站式，就缺前端 ” button按钮样式 .btn 为按钮添加基本样式 .btn-default 默认/标准按钮 .btn-primary 原始按钮样式（未被操作） .btn-success 表示成功的动作 .btn-info 该样式可用于要弹出信息的按钮 .btn-warning 表示需要谨慎操作的按钮 .btn-danger 表示一个危险动作的按钮操作 .bt...

Posted by Waterfox on September 6, 2017

FEATURED TAGS
前端bootstrap 后端
ABOUT ME

写写代码，爬爬数据，
离开世界之前，一切都是过程

FRIENDS