-夏昊-

随笔分类 -  bootstrap

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

posted @ 2016-06-21 12:37 -夏昊- 阅读(592) 评论(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 -夏昊- 阅读(233) 评论(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 -夏昊- 阅读(350) 评论(0) 推荐(0)

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

posted @ 2016-06-21 12:34 -夏昊- 阅读(328) 评论(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 -夏昊- 阅读(282) 评论(0) 推荐(0)

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

posted @ 2016-06-21 12:28 -夏昊- 阅读(348) 评论(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 -夏昊- 阅读(3712) 评论(0) 推荐(0)

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

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

导航