极客神殿

坚持,自由,信仰

一个开源、美观的日期选择器(bootstrap datepicker)

bootstrap-datepicker是一个开源、基于bootstrap的日期选择器,内置60+种语言,基于bootstrap也使得选择器非常美观适合现代网站,功能强大,通过内置属性、方法、事件组合配置可以满足几乎所有日期选择需求,唯一遗憾的是不支持时间选择,只能选择年月日。 1、下载及初...

2019-01-04 17:00:34

阅读数:27

评论数:0

Bootstrap列表添加滚动条

有时候列表中数据过多,导致超出页面,影响视觉感受。这时我们需要添加一个滚动条。 初始状态如图: 代码如下: <ul class="list-group"&amp...

2019-01-04 17:00:15

阅读数:35

评论数:0

Bootstrap双列表

<!DOCTYPE html> <html> <head> <title&...

2019-01-04 16:59:52

阅读数:26

评论数:0

使用.NET MVC和Bootstrap

项目结构 HomeController.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using Todo...

2019-01-03 23:41:00

阅读数:30

评论数:0

bootstrap-modal.js学习笔记(源码注释)

主要知识点: 通过on,one注册自定义事件,并且只能通过trigger来触发 计算滚动条的宽度,通过生成一个div节点,overflow为scroll,那么就有滚动条了,然后就可以计算出滚动条的宽度 把变量绑定在该dom元素的data的某个属性上,这个很妙 /* ============...

2018-12-31 15:53:46

阅读数:14

评论数:0

Bootstrap的Model源码详细注释 (转)

/* ======================================================================== * Bootstrap: modal.js v3.2.0 * http://getbootstrap.com/javascript/#mo...

2018-12-31 15:51:46

阅读数:22

评论数:0

bootstrap插件学习-bootstrap.modal.js

先从bootstrap.modal.js的结构看起。 复制代码 function($){ var Modal = function(){} //构造器 Modal.prototype = function(){} //构造器的原型 function …(){} //自定义方法 $....

2018-12-31 15:51:10

阅读数:14

评论数:0

Bootstrap插件modal源码的学习

使用说明 两部分需要定义: 模态框的触发元素,需要data-toggle=“modal”,以便被初始化;需要data-target="#example"或href指定模态框 模态框,模态框容器需要与data-target对应...

2018-12-31 15:50:07

阅读数:19

评论数:0

设置bootstrap modal模态框的宽度和宽度

(1)修改宽度可以通过修改modal中的modal-dialog这个div宽度实现 (2) 修改高度和宽度最好的办法是修改modal-body中添加的控件,设置控件的大小,modal会自动适应。 例如 × ...

2018-12-31 15:47:58

阅读数:29

评论数:0

bootstrap中的模态框(modal,弹出层)

bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集。 务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 body 标签的直接子元素),以避免其他组件影响模态框的展现或功能。 默认的modal示例: ...

2018-12-31 15:20:35

阅读数:49

评论数:0

深入理解BootStrap-- 面板(panel)

1、面板 面板(Panels)是Bootstrap框架新增的一个组件,其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码: ☑ Less版本:对应的源码文件是 panels.less ☑ Sass版本:对应的源码文件是 _panels.scss ☑ 编译后的...

2018-12-31 15:03:47

阅读数:22

评论数:0

bootstrap一个标签中,同时有 col-xs , col-sm , col-md , col-lg

.col-xs- 超小屏幕 手机 (<768px) .col-sm- 小屏幕 平板 (≥768px) .col-md- 中等屏幕 桌面显示器 (≥992px) .col-lg- 大屏幕 大桌面显示器 (≥1200px) HTML代码: &...

2018-12-31 15:02:02

阅读数:20

评论数:0

Bootstrap和ladda.js

<!doctype html> <html lang="en"> <he...

2018-12-31 14:27:12

阅读数:18

评论数:0

浅析Bootstrap中Tab(标签页)的使用方法

Bootstrap 导航元素使用相同的标记和基类,改变修饰的class,可以在不同的样式间进行切换 如".nav-pills"(胶囊式导航)与 “.nav-tabs” (标签式导航) 创建一个标签式的导航菜单: 以一个带有 ...

2018-10-23 10:02:36

阅读数:296

评论数:0

Bootstrap一个小案例

index.html <!DOCTYPE html> <html lang="zh-CN"&amp...

2018-08-17 10:57:24

阅读数:141

评论数:0

使用Bootstrap tab页切换的使用

Html代码: <!DOCTYPE html> <html lang="en"&amp...

2018-08-17 10:56:48

阅读数:1942

评论数:0

基于Bootstrap的标签页组件bootstrap-tab

bootstrap-tab组件是对原生的bootstrap-tab组件的封装,方便开发者更方便地使用,主要包含以下功能: tab页初始化 关闭tab页 新增tab 显示tab页 获取tab页ID 使用 Step1 :引入样式 1 2 3 4 Step2:引入脚本 ...

2018-08-17 10:54:47

阅读数:704

评论数:0

Bootstrap模态框(Modal)

模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 如果您想要单独引用该插件的功能,那么您需要引用 modal.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 b...

2018-07-27 13:30:14

阅读数:80

评论数:0

Bootstrap常见问题汇总

bootstrap 图标glyphicons图标符号不正常显示解决办法 分享供各位参考: 1、在ff/http:的地址栏中输入“about:config”,即进入配置界面。 2、进入后,搜索“security.fileuri.strict_origin_policy”,这是该值应该是true...

2018-05-21 23:03:02

阅读数:407

评论数:0

Bootstrap栅格系统学习总结

Bootstrap框架是如今最流行的前端框架之一,Bootstrap功能强大,简单易学,很符合实际应用场景。   只是Bootstrap的内容较多,新手往往不能很快的熟练运用Bootstrap。   这里,我就对Bootstrap中非常重要好用的栅格系统做一个以实例为向导的总结:    (...

2018-05-21 22:52:19

阅读数:126

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭