bootstrap
嫌疑-人
只有面对喜欢的东西,才配得上说是坚持。
展开
-
bootstrap的dropdown-menu(下拉菜单)点击选项后不关闭的方法
HTML//指定要操作的元素的click事件停止传播—定义属性值data-stopPropagation的元素点击时停止传播事件$("#systemM").on('click','[data-stopPropagation]',function (e) { e.stopPropagation(); });在a标签加上属性 data-stopPro...原创 2020-04-26 10:58:17 · 1139 阅读 · 0 评论 -
bootstrap+JQuery实现后台管理增删改查
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>DataTable</title> <meta name="de...原创 2020-04-25 18:18:18 · 880 阅读 · 1 评论 -
bootstrap-js组件-折叠效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, us原创 2018-08-07 18:45:43 · 296 阅读 · 0 评论 -
bootstrap-js-消息弹出框
1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1原创 2018-08-07 18:04:49 · 2942 阅读 · 0 评论 -
bootstrap-js工具提示框
docs.min.js:引入官方js文件,才能显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s原创 2018-08-07 17:40:41 · 341 阅读 · 0 评论 -
bootstrap-js组件-滚动监听
注意的点: 1.设置body属性:position: relative; 2.设置body属性:data-target=’#导航条的id’ 3.设置body属性:data-offset;来表示内容距顶部的高度范围 4.让导航的a标签来通过id确定应该显示的标题。<!DOCTYPE html><html lang="en"><head> &...原创 2018-08-07 11:47:02 · 267 阅读 · 0 评论 -
bootstrap-js组件-弹出框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, us原创 2018-08-06 19:05:33 · 332 阅读 · 0 评论 -
bootstrap-js组件-自定义幻灯片
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">原创 2018-08-10 11:44:27 · 670 阅读 · 0 评论 -
bootstrap- 新闻页面
由面版和链接列表组结合做出新闻界面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=原创 2018-08-06 11:53:52 · 6014 阅读 · 0 评论 -
bootstrap-表单
表单Bootstrap 提供了下列类型的表单布局:垂直表单(默认)内联表单水平表单基本的表单结构是 Bootstrap 自带的,个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤:1.向父 &lt; form &gt; 元素添加 role=”form”。 2.把标签和控件放在一个带有 class .form-group 的 &lt; div &gt; 中。这...原创 2018-07-31 17:17:45 · 146 阅读 · 0 评论 -
bootstrap-图片,辅助类处理
1.图片处理在boostrap框架中有三种图片的形式: .img-rounded:添加 border-radius:6px 来获得图片圆角。 .img-circle:添加 border-radius:50% 来让整个图片变成圆形。 .img-thumbnail:添加一些内边距(padding)和一个灰色的边框。&lt;!DOCTYPE html&gt;&lt...原创 2018-07-31 17:15:46 · 956 阅读 · 0 评论 -
bootstrap-路径导航 分页 进度条
路径导航<ol class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Library</a></li> &原创 2018-08-05 10:36:04 · 412 阅读 · 0 评论 -
bootstrap-导航
标签页&amp;amp;amp;lt;ul class=&amp;amp;quot;nav nav-tabs&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;li class=&amp;amp;quot;active&amp;amp;quot;&amp;amp;amp;gt;&am原创 2018-08-05 08:21:28 · 178 阅读 · 0 评论 -
bootstrap-js组件-轮播效果
简单的没有控制的图片轮播:<div class="carousel slide" data-ride="carousel" id="mycarousel"> <!-- 幻灯片图片 --> <div class="carousel-inner">原创 2018-08-09 10:53:13 · 222 阅读 · 0 评论 -
bootstrap-排版
1.标题和段落标题:.page-header 段落:.lead原来的样式: 排版后: 代码:&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;l原创 2018-07-19 09:30:26 · 125 阅读 · 0 评论 -
Bootstrap--入门
这是我在工作中第一次遇到的技术点,我一定要好好学习。 bootstrap框架真的很方便,也能很好的适应移动端的像素 学习bootstrap主要有以下几步,这篇文章,主要讲第一步: 1.安装bootstrap 在bootstrap官网下载最新的bootstrap文档,然后将相应的bootstrap文档导入要写的界面代码中,如下:&amp;amp;lt;link rel=&amp;quot;stylesheet&amp;quot; hr...原创 2018-07-19 09:01:03 · 136 阅读 · 0 评论