bootstrap学习笔记(5) - tuohaibei

WBOY
发布: 2016-05-20 16:49:49
原创
900 人浏览过

Bootstrap输入框组

主要记住一个原则
创建输入框的步骤
  • 把前缀或后缀元素放在一个带有 class .input-group 的
    中。
  • 接着,在相同的
    内,在 class 为 .input-group-addon 的 内放置额外的内容。
  • 把该 放置在 元素的前面或者后面。

面包屑导航:

     面包屑导航主要的属性就是在ul或者li加上breadcrumb属性。

分页和翻页:

     以下是制作分页和翻页的小例子:
DOCTYPE html>
html>
head>
   title>Bootstrap 实例 - 下拉菜单(Dropdowns)title>
   link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">script>
   script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js">script>
head>
body>
  div>
  ul class="pager" style="display:inline;float: left">
    li>a href="#">Previousa>li>
  ul>
ul class="pagination" style="display:inline;float: left">
  li>a href="#">«a>li>
 li class="active">a href="#">1a>li>
  li class="disabled">a href="#">2a>li>
   li>a href="#">3a>li>
  li>a href="#">4a>li>
   li>a href="#">5a>li>
  li>a href="#">»a>li>
ul>
ul class="pager" style="display:inline;float: left">
    li>a href="#">Nexta>li>
  ul>
  div>
body>
html>
登录后复制

 

 
 
 
  
来源:php.cn
上一篇:第 16 章 CSS 盒模型[下] - 水之原 下一篇:第 21 章 CSS3 文本效果 - 水之原
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
相关专题
更多>
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!