首页 > TAG信息列表 > bootstrap3

【Web前端】【疑难杂症】轮播图图片自适应显示问题（bootstrap3轮播图）

关键代码 html <!-- 轮播图开始--> <div id="header" class="carousel slide"> <!-- 轮播（Carousel）指标 --> <ol class="carousel-indicators"> <li data-target="#header" data-

bootstrap3下拉菜单点击立马消失解决方案

正常情况下在bootstrap3中 点击菜单选项会立马消失，如何解决？ 阻止事件传播即可，意思是给子菜单点击事件后到下拉菜单的时候取消事件的继续传递 $('.rewqqqqq').click(function (e) { e.stopPropagation(); });

Bootstrap3

Bootstrap3 环境搭建 下载依赖文件 bootstrap-3.4.1 jquery-1.12.4 快速搭建Bootstrap项目 1.将下载好的Bootstrap压缩包解压到项目目录中 2.在index.html中键入如下代码进行引入 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

利用bootstrap3的分页样式和jq实现分页功能

1源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <me

上机任务1：完成学生的添加

本次上机任务主要完成： 使用bootstrap3页面设计 数据表结构设计 在下拉列表中显示所有班级 输入学生信息存入数据库   使用bootstrap3设计表单 上面页面中的班级是下拉列表 这些数据是从数据库读取的 数据表结构如下： 重要提示： 显示表单之前，必须读取数据表banji，获取所

Bootstrap3模态垂直居中

原文链接：http://www.cnblogs.com/ToughGuy/p/4519980.html 1 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="tr

Bootstrap3 折叠插件的事件

折叠插件的事件 Bootstrap还为折叠组件提供了一组事件，通过这些事件，可以监听用户的行为及折叠组件的状态。这些事件及含义见表 4‑10。 表 4‑10 折叠插件的事件及含义 事件 含义 show.bs.collapse 调用show方法时，立即触发该事件 shown.bs.collapse 当可折叠元素对用户完全可见（

Bootstrap3 按钮组插件

按钮组 将按钮组放在特定的容器中，不必编写JavaScript代码，就可以让按钮组具有HTML的复选框（checkbox）或单选框（radio）的效果。 1）复选按钮组 复选按钮组是类似于复选框的一组按钮，用户可以选择按钮组中的多个按钮。要添加这个功能，只需给 .btn-group 的按钮组容器添加 data-toggle="but

Bootstrap3 面包屑导航

面包屑导航 面包屑导航（Bread Crumbs Navigation）是一种辅助和补充的导航方式，非常适合展示站点的层级关系，能帮助用户明确当前所处的位置，并方便地提供返回的路径。 Bootstrap3 中，使用 .breadcrumb 类的列表元素（无序列表或有序列表）来定义面包屑导航，它会自动通过 CSS 的:before和con

Bootstrap3 右对齐的下拉菜单

右对齐的下拉菜单 Bootstrap3中，默认情况下，下拉菜单的左边缘自动与父对象的左边缘对齐。为下拉菜单追加 .dropdown-menu-right 类可以让它右对齐，即让下拉菜单的右边缘，与父对象的右边缘对齐。如： <div class="dropup">   <button class="btn btn-default dropdown-toggle" da

Bootstrap3 下拉菜单标题

下拉菜单标题 在任何下拉菜单中，均可通过添加标题来标明一组动作。为某个下拉项的 <li> 元素添加 .dropdown-header类，让它成为一组动作的标题。标题以浅灰色显示。如： <ul class="dropdown-menu">   ...   <li class="dropdown-header">Dropdown header</li>   ... </ul>

Bootstrap3 下拉菜单分隔线

下拉菜单分隔线 在下拉菜单中，可以使用 class="divider" 的 <li> 空元素，在菜单项之间添加一条水平分隔线，用于将多个动作分组。如： <ul class="dropdown-menu">     <li><a href="#">Action</a></li>     <li><a href="#">Another

Bootstrap3 下拉菜单中禁用某个下拉菜单

禁用某个下拉菜单 Bootstrap3中，为下拉菜单中某个下拉项的 <li> 元素添加 .disabled 类，就可以禁止该选项，让该菜单项的链接变灰并失去鼠标悬停效果。如： <ul class="dropdown-menu">   <li><a href="#">Regular link</a></li>   <li class="disabled"><a

Bootstrap3 表单静态控件

静态控件 在表单中，当你需要在一个label元素的后面放置纯文本时，请在 <p>元素上添加.form-control-static类。如：   <form class="form-horizontal">   <div class="form-group">     <label class="col-sm-2 control-label">Email</label>     <

Bootstrap3 表单帮助文本

帮助文本 Bootstrap3 仅支持块级帮助文本，不支持行内帮助文本。在文本输入框的后面，添加 .help-block 的元素，就可以为它添加块级帮助文本。如：   <label class="sr-only" for="inputHelpBlock">Input with help text</label> <input type="text" id="inputHelpBlock"cla

Bootstrap3 表单控件的状态

控件的状态 在表单的使用过程中，每个控件可能都会有很多状态，通过表单控件的状态，可以给用户或访问者提供一些有用的反馈。 Bootstrap为表单控件提供了 4 种状态，分别是获得焦点状态、禁用状态、只读状态、校验状态，并为每种状态定义了相应的样式。 1、获得焦点状态 当用户单击了输

Bootstrap3基础 下载bootstrap3压缩包和相应的jQuery文件

  内容 参数   OS   Windows 10 x64   browser   Firefox 65.0.2   framework     Bootstrap 3.3.7   editor   Visual Studio Code 1.32.1     typesetting   Markdown   1 https://v3.bootcss.com   2   3 - 点击下载bootstrap

Bootstrap3基础 引入本地的bootstrap

  内容 参数   OS   Windows 10 x64   browser   Firefox 65.0.2   framework     Bootstrap 3.3.7   editor   Visual Studio Code 1.32.1     typesetting   Markdown   本地的文件目录结构   code <!DOCTYPE html> <html lan

Bootstrap3基础 栅格系统 1行最多12列

  内容 参数   OS   Windows 10 x64   browser   Firefox 65.0.2   framework     Bootstrap 3.3.7   editor   Visual Studio Code 1.32.1     typesetting   Markdown   code <!DOCTYPE html> <html lang="zh-CN"> <head> &

Bootstrap3基础 栅格系统 页面布局随 浏览器大小的变化而变化

  内容 参数   OS   Windows 10 x64   browser   Firefox 65.0.2   framework     Bootstrap 3.3.7   editor   Visual Studio Code 1.32.1     typesetting   Markdown   code <!DOCTYPE html> <html lang="zh-CN"> <head> &