-夏昊-

2016年6月21日

第十篇.bootstrap轮播

摘要: 使用bootstrap的轮播插件可以向站点添加滑块,内容可以是图像,内嵌框架,视频或其它任何内容,使用轮播插件需要引入bootstrap.min.js. <div id="carousel-example-generic" class="carousel slide" data-ride="caro 阅读全文

posted @ 2016-06-21 12:37 -夏昊- 阅读(576) 评论(0) 推荐(0) 编辑

第九篇.bootstrap导航

摘要: 创建一个标签式的导航菜单的步骤是: 在ul标签上加上class nav 再ul标签上加上 class .nav-tabs。 在li标签上加上 active表示激活该项 <ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a>< 阅读全文

posted @ 2016-06-21 12:36 -夏昊- 阅读(223) 评论(0) 推荐(0) 编辑

第八篇.Bootstrap下拉菜单

摘要: 给div一个class “dropdown”,将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单。 <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="drop 阅读全文

posted @ 2016-06-21 12:35 -夏昊- 阅读(343) 评论(0) 推荐(0) 编辑

第七篇.表单

摘要: Bootstrap提供了三种表单布局:垂直表单,内联表单和水平表单 创建垂直或基本表单: ·向父 <form> 元素添加 role="form"。 ·把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。 ·向所有的文本元素 <input>、<t 阅读全文

posted @ 2016-06-21 12:34 -夏昊- 阅读(318) 评论(0) 推荐(0) 编辑

第六篇.bootstrap表格

摘要: 基本表格: <table class="table"> <tr><td>用户名</td><td>密码</td></tr> <tr><td>啊啊啊</td><td>1111</td></tr> </table> 在<table>标签添加.table类可以为其赋予基本的样式 ,少量的内补(padding 阅读全文

posted @ 2016-06-21 12:32 -夏昊- 阅读(267) 评论(0) 推荐(0) 编辑

第五篇.Bootstrap 排版

摘要: 使用bootstrap的排版特性可以创建标题,段落,列表及其它内联元素。 标题:bootstrap中定义了从h1-h6的六种标题样式。 内联子标题: 如果需要向任意一个标题添加一个子标题,只需要加上<small></small>例如: <h1>我是标题1 h1. <small>我是副标题1 h1</ 阅读全文

posted @ 2016-06-21 12:28 -夏昊- 阅读(331) 评论(0) 推荐(0) 编辑

第四篇.Bootstrap网格系统偏移列和嵌套列

摘要: 偏移列: 在bootstrap网格系统中我们可以使用偏移列来达到让某列右移的效果,如下所示: <div class="row"> <div class="col-sm-2 col-sm-offset-1">col2</div> </div> Class=”col-sm-2 col-sm-offset 阅读全文

posted @ 2016-06-21 12:27 -夏昊- 阅读(3647) 评论(0) 推荐(0) 编辑

第三篇bootstrap 网格基础

摘要: Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 网格系统类似一个表格,有行和列,它必须放置在一个类型设置为container的容器里,可以是div,内容放置在列内,网页设计中的网格用于布局内容,让网站易于浏览 阅读全文

posted @ 2016-06-21 12:26 -夏昊- 阅读(334) 评论(0) 推荐(0) 编辑

第二篇.Bootstrap起步

摘要: 第二篇Bootstrap起步 我们可以在http://getbootstrap.com下载bootstrap的文件 点击左边的download bootstrap可以下载bootstrap的css,javascript和字体库的已编译版本。点击中间的download source可以下载bootst 阅读全文

posted @ 2016-06-21 12:18 -夏昊- 阅读(475) 评论(0) 推荐(0) 编辑

第一篇:初识bootstrap

摘要: Bootstrap是一款目前非常流行的前端框架,简单的说,就是html,css,javascript的工具集,我们可以用bootstrap搭建出简洁,清新的网站或软件界面,有了bootstrap这个利器后台开发人员再也不用发愁前台界面的搭建了。 阅读全文

posted @ 2016-06-21 12:13 -夏昊- 阅读(401) 评论(0) 推荐(0) 编辑

导航