#BootStrap

基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用

Bootstrap文件上传插件FileInput是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadify好看一些,功能也强大些,本文主要基于我自己的框架代码案例,介绍其中文件上传插件FileInput的使用。关于Uploa...

Bootstrap modal垂直居中

在网上看到有Bootstrap2的Modaldialog垂直居中问题解决方法,这种方法自己试了一下,并不能完全居中,并且窗口的大小不一样的话,每次显示的margin-top值也会改变,遮盖层还会出现滚动条,效果也不好看,代码如下:Js代码  //在初始显示时设置垂直居中  $('...
代码星球 ·2020-05-13

Bootstrap--全局CSS样式之栅格系统

Bootstrap提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin用于生成更具语义的布局。 一,简介栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以...

bootstrap-datepicker 插件修改为默认中文

bootstrap-datepicker是一个非常优秀的时间选择插件,默认是英文显示日期的,通过下面几个小修改让其支持默认中文1、首先将 bootstrap-datepicker.js另存为utf-8格式保存2、增加cn语言选项以下均为bootstrap-datepicker.js文件中的代码vardates...

黄聪: Bootstrap之Form表单验证神器: BootstrapValidator(转)

前言:做Web开发的我们,表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator。今天就来看看它如何使用吧。介绍它之前,还是给出它的源码以及API的地址吧。bootstrapvalidator源码:https:...

基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作

在前面介绍了很多篇相关的《Bootstrap开发框架》的系列文章,这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容,总体来说基本达到了一个稳定的状态,随着时间的推移可以会引入一些更好更新的内容进行完善,本篇继续这个系列,主要介绍如何实现Web页面内容的打印预览和保存操作。1、Web页面打印的问题在...

一、bootstrap-fontawesome-iconpicker组件

一、bootstrap-fontawesome-iconpicker组件<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>FontAwesomeIconPickerpluginforB...

四、bootstrap-Table

一、bootstrap-Table基础表格<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>Dashboard|Nadhif-ResponsiveAdminTemplate</...
代码星球 ·2020-05-12

五、bootstrap-fileinput

一、bootstrap-fileinput<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>Bootstrap上传文件组件</title><linkhref="ht...
代码星球 ·2020-05-12

五、bootstrap-Table Treegrid

一、bootstrap-TableTreegrid <!DOCTYPEHTML><htmllang="zh-cn"><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="...
代码星球 ·2020-05-12

三、bootstrap-treeview

一、bootstrap-treeview 修饰标签为徽章 参考https://www.cnblogs.com/bin521/p/8403588.html...
代码星球 ·2020-05-12

二、bootstrap缩略图幅

一、bootstrap缩略图幅 ...
代码星球 ·2020-05-12

一、bootstrap-select输入选择框

一、bootstrap-select简单使用<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial...
代码星球 ·2020-05-12

四款免费好用的Bootstrap ui编辑器

  Bootstrap带来了设计革命,本文介绍的四种免费Bootstrap在线设计工具,可视化所见所得设计网页,然后输出Html/CSS代码,其中有些甚至可以实现拖曳,也有可以设定自己的主题模板Theme。LayoutIt通过使用我们的拖放界面生成器帮助您简单快速地创建Bootstrap前端代码。它...

8个强大的基于Bootstrap的CSS框架

1、BootstrapMetroDashboard – 基于Bootstrap的后台管理面板这是一款基于Bootstrap的Metro风格的后台管理面板应用,BootstrapMetroDashboard的UI是基于TwitterBootstrap样式的,同时使用了jQuery1.9.1...
首页上一页...1718192021...下一页尾页