Bootstrap
文章平均质量分 95
yyt602037504
这个作者很懒,什么都没留下…
展开
-
bootstrap_第一次使用
在网页中使用Bootstrap我们创建了一个最简单的基本模版 Bootstrap Hello, world! 1.首先我们可以将Bootstrap的样式文件引用到网页中2.如果你需要使用Bootstrap架原创 2014-11-25 17:18:49 · 968 阅读 · 0 评论 -
Bootstrap_栅格系统
一、栅格系统原理1. 栅格系统(布局)Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。我们在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行(row)与列(column)的组合创建页面布局,然后你的内容就可以放入到你创建好的布局当中。下面就简单介绍一下Bootstrap栅原创 2014-11-25 17:53:34 · 986 阅读 · 0 评论 -
Bootstrap表格的用法
一、表格1. 基本案例为任意标签添加.table可以为其赋予基本的样式—少量的内补(padding)和水平方向的分隔线。这种方式看起来很多余!?但是我们觉得,表格元素使用的很广泛,如果我们为其赋予默认样式可能会影响例如日历和日期选择之类的插件,所以我们选择将其样式独立出来。一个简单的Table示例div class="container"> table class="t原创 2014-11-30 21:00:28 · 918 阅读 · 0 评论 -
boostrap文字的设计
一、排版1. 标题Html中的所有标题标签,从到均可使用。另外还提供了.h1到.h6的class,为的是给inline属性的文本赋予标题的样式。 标题 h1. Bootstrap heading h2. Bootstrap heading h3. Bootstrap heading h4. Bootstrap heading h5. Bootstrap heading原创 2014-11-29 23:03:25 · 686 阅读 · 0 评论 -
bootstrap 下拉菜单
一、下拉菜单用于显示链接列表的可切换、有上下文的菜单。案例将下拉菜单触发器和下拉菜单都包裹在.dropdown里,然后添加组成菜单的HTML代码。div class="dropdown"> button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">原创 2014-12-03 22:50:24 · 968 阅读 · 0 评论 -
Bootstrap按钮
一、按钮1. 选项使用上面列出的class可以快速创建一个带有样式的按钮。"button" class="btn btn-default">Default"button" class="btn btn-primary">Primary"button" class="btn btn-success">Success"button" class="btn btn-info">In原创 2014-11-30 22:22:22 · 671 阅读 · 0 评论 -
Bootstrap 工具Class
1. 关闭按钮通过使用一个象征关闭的图标,可以用来让模式对话框和警告框消失。type="button" class="close" aria-hidden="true">×2. Carets使用插入符表示下拉的功能和方向。请注意,默认插入符会自动反转在dropup菜单。 class="caret">3. 快速设置浮动过这两个class让页面元素左原创 2014-12-03 21:27:30 · 684 阅读 · 0 评论