-
标签页-》js插件查看全部
-
根据设备宽度的不同采用不同的样式，来实现响应式布局查看全部
-
【栅格系统】基于Bootstrap实现下图所示效果的页面，多列布局，注意每一列内容的位置查看全部
-
基于Bootstrap实现下图所示效果的页面，一个基本的滚动广告页，带有图片和文字查看全部
-
基于Bootstrap实现下图所示效果的页面，一个白底的带有两个菜单项、一个下拉菜单和一个登录表单的基本导航条：查看全部
-
1、Bootstrap中<li class="divider"></li>可以添加分割线 2、在 Bootstrap中，任何下拉菜单中均可通过添加标题来标明一组动作，添加方式为：<li class="dropdown-header">标题名称</li>查看全部
-
导航条是在应用或网站中作为导航页头的响应式基础组件。它在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。响应式导航条在移动设备上默认折叠。查看全部
-
1.添加 .navbar-fixed-bottom 类可以让导航条固定在底部 2.添加 .navbar-static-top 类可创建一个与页面等宽度的导航条，随页面向下滚动而消失 3.通过添加 .navbar-inverse 类可以改变导航条的外观。 4.应该是通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。查看全部
-
下拉菜单查看全部
-
导航条 navbar查看全部
-
响应式导航条查看全部
-
Bootstrap是移动设备优先的，它针对移动设备的样式融合进了框架的每个角落，使得只需要通过简单的编码，便可以实现漂亮的响应式布局。 初始化框架使用的是Normalize.css 栅格结构(grid system) 栅格布局中所有的行必须放在class为container的容器中. 通过一系列的行（row）与列（column）的组合来创建页面布局, 自动分为最多12列,内容在列中. 栅格的class在屏幕宽度大于或等于阈值的设备上起作用，并针对小屏幕设备所设置的class覆盖掉 对所有按钮外部加上<div class="btn-group">后所有按钮会成为按钮组，bootstrap会自动为第一个及最后一个加圆角，这些按钮会连在一块。按钮的功能的实现可用js插件 js插件包括了所有jqury，可一次引入所有插件，也可单个引入。 第一以及最后一个元素设置负的margin，抵消掉影响。 Tooltip插件--鼠标放上就可显示相关提示内容。 工具提示（Tooltip）插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。如需使用该插件，您必须使用 jquery 激活它（读取 javascript）。使用下面的脚本来启用页面中的所有的工具提示（tooltip）： jquery引入位置得在bootstrap.js的前面 <br> <div class="btn-group"> <button class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left" >Tooltip on left</button> <button class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button> 。。。 </div>查看全部
-
Tooltip插件查看全部
-
Grid system 栅格系统查看全部
-
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hello World</title> <link href=" //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="text-center"> <h1>Hello World!</h1> <button class="btn btn-primary">我是按钮，按我一下！</button> </div> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>查看全部
举报
0/150
提交
取消