Bootstrap
Charge8
此随笔或为自己所写、或转载于网络。仅用于个人收集和备忘。共享:正如牛顿所说“如果我比别人看得远,那是因为我站在巨人的肩膀上”
展开
-
Bootstrap 图片及缩略图
一、图片形状 1、通过为 <img> 元素添加以下相应的类,可以让图片呈现不同的形状。.img-rounded:添加 border-radius:6px 来获得图片圆角。 .img-circle:添加 border-radius:50% 来让整个图片变成圆形。 .img-thumbnail:添加一些内边距(padding)和一个灰色的边框。<img src="...原创 2019-01-31 15:11:28 · 5734 阅读 · 0 评论 -
Bootstrap 下拉多选插件bootstrap-select
下载地址:https://github.com/silviomoreto/bootstrap-select文档参考:http://developer.snapappointments.com/bootstrap-select/ 下载解压之后放到项目下,引入 css 和 js :<link href="static/bootstrap-select...原创 2019-02-14 13:51:30 · 2236 阅读 · 0 评论 -
Bootstrap 日期时间bootstrap-datetimepicker插件
下载地址及文档参考:http://www.bootcss.com/p/bootstrap-datetimepicker/ 解压后 只需要 css 和 js 文件夹 放到项目中,引入即可若使用国际化中文: js初始化时 必须加入:language: 'zh-CN'<link href="static/bootstrap-datetimepicker/css/bo...原创 2019-02-16 17:28:25 · 3454 阅读 · 2 评论 -
Bootstrap 导航栏
一、导航元素1、导航标签并添加标签页 注意 .nav-tabs 类依赖 .nav 基类。 <div class="container"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab_1" da原创 2019-02-01 15:27:22 · 2314 阅读 · 0 评论 -
Bootstrap 下拉菜单和按钮
一、下拉菜单:用于显示链接列表的可切换、有上下文的菜单 .dropdown 菜单用于指定下拉菜单,下拉菜单都包裹在 .dropdown 或者 .dropup 里。 .dropdown-menu 类用于实际下拉菜单的创建。 .dropdown-header 类用于在下拉菜单中添加标题 .divider 下拉菜单中的分割线 .disabl...原创 2019-01-29 14:10:46 · 2476 阅读 · 1 评论 -
Bootstrap 字体图标和自定义矢量图标
一、Bootstrap 字体图标 Bootstrap包括250多个来自 Glyphicon Halflings 的字体图标。 使用:将图标类应用到这个 <span> 或者<i>标签上 注意,为了设置正确的内补(padding),务必在图标和文本之间添加一个空格。 <button type="bu...原创 2019-01-29 10:36:05 · 8275 阅读 · 0 评论 -
Bootstrap 常用表单
表单 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列。1、输入框 包括大部分表单控件、...原创 2019-01-28 22:38:52 · 425 阅读 · 0 评论 -
Bootstrap 文本排版与表格
具体参考官方文档:https://v3.bootcss.com/css/一、标题 HTML 中的所有标题标签,<h1> 到 <h6> 均可使用。另外,还提供了 .h1 到 .h6 类,为的是给内联(inline)属性的文本赋予标题的样式。 <h4>bootstrap 基本模本<small>text副标题</sm...原创 2019-01-28 15:23:57 · 455 阅读 · 0 评论 -
Bootstrap 轮播(Carousel)插件
Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。用法通过 data 属性:使用 data 属性可以很容易控制轮播(Carousel)的位置。 属性 data-slide 接受关键字 prev 或 next,用来改变幻灯片相对于当前位置的位置。 使用 data-slide-to 来向轮播传递一个原始滑动索引,data-slide-to="2"...原创 2019-02-02 11:57:51 · 638 阅读 · 0 评论 -
Bootstrap 折叠(Collapse)插件
Bootstrap 折叠(Collapse)插件 折叠(Collapse)插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板,它都允许很多内容选项。用法Class 描述 .collapse 隐藏内容。 .collapse.in 显示内容。 .collapsing 当过渡效果开始时被添加,当过渡...原创 2019-02-02 11:20:20 · 4638 阅读 · 1 评论 -
Bootstrap 模态框(Modal)插件
Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。选项有一些选项可以用来定制模态窗口(Modal Window)的外观和感观,它们是通过 data 属性或 JavaScript 来传递的。下表列出了这些选项:选项名称 类型/...原创 2019-02-01 21:31:32 · 497 阅读 · 0 评论 -
Bootstrap 页面标题和面板
一、页面标题(Page Header) 它会在网页标题四周添加适当的间距和下边框。 <div class="page-header"> <h3>页面标题实例<small>子标题</small></h3></div> 二、面板 面板组件用于把 DOM 组原创 2019-02-01 11:44:30 · 1005 阅读 · 0 评论 -
Bootstrap 栅格基本模板使用
Bootstrap 3 学习使用:官方下载及文档Bootstrap 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。注意:Bootstrap 的所有 JavaScript 插件都依赖 jQuery,因此 jQuery 必须在 Bootstrap 之前引入一,建立基本模本<!DOCTYPE html><html lang="zh-CN">&l...原创 2019-01-27 17:25:40 · 744 阅读 · 0 评论 -
SpringBoot 分析底层默认的自动配置项@EnableAutoConfiguration
一、SpringBoot 为什么需要配置文件 SpringBoot 在底层给我们自动做了很多默认配置,所以SpringBoot 项目不编写配置文件也可以正常运行,但是根据具体开发需要修改SpringBoot自动配置的默认值; 在项目中 SpringBoot 使用默认的全局配置文件为:application.properties / applicati...原创 2019-05-13 16:36:37 · 995 阅读 · 0 评论