摘要:使用bootstrap的轮播插件可以向站点添加滑块,内容可以是图像,内嵌框架,视频或其它任何内容,使用轮播插件需要引入bootstrap.min.js. <div id="carousel-example-generic" class="carousel slide" data-ride="caro
阅读全文
摘要:创建一个标签式的导航菜单的步骤是: 在ul标签上加上class nav 再ul标签上加上 class .nav-tabs。 在li标签上加上 active表示激活该项 <ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a><
阅读全文
摘要:给div一个class “dropdown”,将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单。 <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="drop
阅读全文
摘要:Bootstrap提供了三种表单布局:垂直表单,内联表单和水平表单 创建垂直或基本表单: ·向父 <form> 元素添加 role="form"。 ·把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。 ·向所有的文本元素 <input>、<t
阅读全文
摘要:基本表格: <table class="table"> <tr><td>用户名</td><td>密码</td></tr> <tr><td>啊啊啊</td><td>1111</td></tr> </table> 在<table>标签添加.table类可以为其赋予基本的样式 ,少量的内补(padding
阅读全文
摘要:使用bootstrap的排版特性可以创建标题,段落,列表及其它内联元素。 标题:bootstrap中定义了从h1-h6的六种标题样式。 内联子标题: 如果需要向任意一个标题添加一个子标题,只需要加上<small></small>例如: <h1>我是标题1 h1. <small>我是副标题1 h1</
阅读全文
摘要:偏移列: 在bootstrap网格系统中我们可以使用偏移列来达到让某列右移的效果,如下所示: <div class="row"> <div class="col-sm-2 col-sm-offset-1">col2</div> </div> Class=”col-sm-2 col-sm-offset
阅读全文
摘要:Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 网格系统类似一个表格,有行和列,它必须放置在一个类型设置为container的容器里,可以是div,内容放置在列内,网页设计中的网格用于布局内容,让网站易于浏览
阅读全文
摘要:第二篇Bootstrap起步 我们可以在http://getbootstrap.com下载bootstrap的文件 点击左边的download bootstrap可以下载bootstrap的css,javascript和字体库的已编译版本。点击中间的download source可以下载bootst
阅读全文
摘要:Bootstrap是一款目前非常流行的前端框架,简单的说,就是html,css,javascript的工具集,我们可以用bootstrap搭建出简洁,清新的网站或软件界面,有了bootstrap这个利器后台开发人员再也不用发愁前台界面的搭建了。
阅读全文