标签 bootstrap 3 文章列表
1722 浏览
喜欢(1)

[Bootstrap]Bootstrap中如何给文本框添加图标?

问题描述如题,在Bootstrap中,如何为一个文本框添加图标呢?比如有实现一个用户名的文本框,如下图:方案一参考官方的示例代码(无需写其他的CSS样式):<form class="form-inline" role="form"> <div class="form-group has-success has-feedback"> <lab...

Bootstrap 2018-01-25 13:42 0评论 0收藏
1149 浏览
喜欢(1)

[Bootstrap]Bootstrap中如何给弹出的模态窗口传值?

问题描述比如当前有一个链接列表集合,当分别点击其中的每个链接时,打开一个Bootstrap模态窗口,并获取当前链接对应的属性,然后传递到打开的模态窗口中去,如:<a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"><...

Bootstrap 2018-01-25 13:30 0评论 0收藏
381 浏览
喜欢(0)

[Bootstrap]Bootstrap中如何给弹出的模态窗口在关闭方法上绑定关闭事件?

问题描述比如现有如下的模态窗口的关闭事件:$('#my-modal').bind('hide', function () { // do something ... });现需要在此窗口的关闭事件上绑定一个关闭窗口时的逻辑方法,应该如何实现呢?方案一Bootstrap 3$('#myModal').on('hidden.bs.modal', function () { ...

Bootstrap 2018-01-25 13:16 0评论 0收藏
AD 友情赞助
2252 浏览
喜欢(0)

[Bootstrap]Bootstrap 如何调整row行间垂直(竖直)方向的间距?

问题描述比如现在如下的基于 Bootstrap 框架布局的HTML代码,需要在每行之间的上边添加间距(padding或者margin),有哪些方法可以实现呢?<div class="row"> <div class="col-lg-4"></div> <div class="col-lg-4"><...

Bootstrap 2018-01-25 13:05 0评论 0收藏
555 浏览
喜欢(0)

[Bootstrap]Bootstrap中如何使用jQuery弹出一个模态窗口?

问题描述如今有如下的HTML代码和jQuery操作,需求是在点击提交按钮时弹出一个模态窗口,代码如下:HTML:<form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizzard Form</h2> <input ty...

Bootstrap 2018-01-25 10:08 0评论 0收藏
653 浏览
喜欢(0)

[Bootstrap]Bootstrap 3中的sr-only css 样式类是什么?

Bootstrap 3中的sr-only 样式类是什么?重要吗?不使用它可以吗?比如有以下 Bootstrap 3 的HTML布局代码:div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <but...

Bootstrap 2018-01-03 09:14 0评论 0收藏
AD 友情赞助
1679 浏览
喜欢(7)

[后台系统模板]优质、整洁的基于Bootstrap 3& Bootstrap 4的响应式后台管理系统模板

模板摘要本文分享的是一套基于Bootstrap 3(同时支持Bootstrap 4)的优质、整洁的响应式后台管理系统模板。它非常干净、整洁,但同时可自定义各种组件等。全响应式布局,你可以轻松地定制。开发者们能非常容易阅读和理解模板的代码并轻松地集成到自己的WEB后台管理应用程序当中去。模板特性全响应式布局设计;分别使用Bootstrap 3 和 Bootstrap 4创建;干净、整洁的界面设计;丰富的开发文档支持;丰富的表单、插件;50...

系统模板 2018-01-01 20:00 0评论 0收藏
2777 浏览
喜欢(2)

使用Bootstrap 3 实现div居中对齐布局

html:<div class="container"> <div class="row"> <div class="center-block">row center-block</div> </div> <div class="row"> ...

Bootstrap 2017-12-27 18:10 0评论 0收藏
6200 浏览
喜欢(36)

[后台系统模板]精美的基于Bootstrap+Angularjs+Requirejs的响应式管理模板UI

没错,你看到的以上这张图就是本文要分享的基于Bootstrap+Angularjs制作的一套后台系统管理模板UI。 此模板集成了后台管理系统(基于B\S的应用管理系统)的绝大部分功能,包括常用的:图形报表,表单,消息提示,模态弹出层(模态弹窗),菜单树,面板,数据表格以及部分常用页面等等。 在功能方面,模板实现了: 1.加载页面请求时会在页面顶部显示“正在加载”的进度条; 2.响应式而已,自动适配PC和移动设备; 3.可实现多语言,只需...

系统模板 2015-11-17 13:22 3评论 0收藏
AD 友情赞助
2464 浏览
喜欢(6)

基于Angular Directive(指令)实现的Bootstrap下拉选择框[Angular自定义指令]

Angular directive是个很好用的东东,自定义指令可以封装和复用代码,提高开发的效率。今天给大家分享一个基于Angular directive实现的Bootstrap 下拉框的示例。先看一下示例图:HTML代码:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" ng-app="NgDropdownDemo"><head> ...

Angularjs 2015-11-02 21:01 0评论 0收藏
14973 浏览
喜欢(10)

Bootstrap 3 日期时间插件--Bootstrap 3 Datepicker

使用Bootstrap 3做界面开发,很多时候少不了的功能就是选择日期或者时间。对于日期时间插件,基于jQuery的已经很多了,网上可谓到处都是。当然,基于Bootstrap 3+jQuery的也有,本文就给大家分享一个Bootstrap 3 Datepicker日期时间插件。Bootstrap 3 Datepicker托管于github上,地址为:https://github.com/Eonasdan/bootstrap-dateti...

插件资源 2015-09-22 21:41 0评论 0收藏
AD 友情赞助