Bootstrap fileinput.js,最好用的文件上传组件

本篇介绍如何使用bootstrap fileinput.js(最好用的文件上传组件)来进行图片的展示,上传,包括springMVC后端文件保存。 一、demo   二、插件引入 link type="text/css" rel="stylesh...

2018-01-16 15:31:43

阅读数:869

评论数:0

Bootstrap如何禁止响应式布局

Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面,使其在各个尺寸的屏幕上表现良好。下面我们列出了如何禁用这一特性,就像这个非响应式布局实例页面一样。 禁止响应式布局有如下几步: 移除 此 CSS 文档中提到的设置浏览器视口(viewport)的标签:。通过为 .contai...

2018-01-16 15:27:18

阅读数:181

评论数:0

Bootstrap禁用响应式布局

Bootstrap这个前端框架,在前端界可是一款大名鼎鼎的框架,使用Bootstrap不需要很强的设计能力就能设计出很漂亮的网页,这几天在开发一个创业项目,PC端web就打算使用Bootstrap来进行开发,但是又想去掉Bootstrap的响应式效果,于是乎就在网上找了教程,发现了网上的教程的效果...

2018-01-15 09:05:53

阅读数:1008

评论数:0

BootStrap TreeView使用示例

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> html x...

2017-11-01 08:52:00

阅读数:308

评论数:0

Bootstrap-Tree

这里的Tree指的是树形菜单,这篇博客通过一个实例来讲解一下,在Bootstrap框架下怎么去建立一个树形菜单。 前提:先添加Bootstrap和JQ的引用 link rel="stylesheet" type="text/css" href=&q...

2017-10-30 08:23:23

阅读数:289

评论数:0

Bootstrap实现图片弹出放大

前台HTML: td>center>img style="height: 100px;width: 100px;" onmouseover="this.style.cursor='pointer';this.style.cursor='hand'...

2017-09-22 20:58:39

阅读数:5907

评论数:0

bootstrap中好看的文件上传样式

一 直接使用bootstrap,利用简单的js控制 http://duckranger.com/2012/06/pretty-file-input-field-in-bootstrap/ 非常简单,代码如下: Browse $('input[id=lefil...

2017-08-31 09:19:23

阅读数:3367

评论数:0

css--960框架

css框架(960grid)固宽布局(栅格布局) 1、960框架特点:采用栅格布局把网页宽度固定在960px,使网页不容易变形  1、960框架的使用方法;   (1)在html文件中引入相关的外部CSS文件    (2)定义一个DIV大容器,放下整个页面:    示...

2017-08-14 08:42:22

阅读数:200

评论数:0

css--Bootstrap框架

一、使用Bootstrap来完成一个上中下左中右的页面布局 示例: //设置提供一个让网页居中的容器 div class="container"> //设置行,宽度固定 div class="row"...

2017-08-14 08:41:33

阅读数:114

评论数:0

Bootstrap 斜体、文本对齐、缩略图、地址、列表等

目录 1、标题 2、页面主体 3、强调     a、小号文本     b、着重     c、斜体     d、对齐class     e、强调class 4、缩略语 5、地址 6、列表     a、无序列表     b、有序列表     c、无样式列表     d、内...

2017-08-08 07:44:35

阅读数:937

评论数:0

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

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

2017-05-16 19:47:00

阅读数:312

评论数:0

基于Metronic的Bootstrap开发框架经验总结(8)--框架功能总体界面介绍

在前面介绍了一系列的《基于Metronic的Bootstrap开发框架经验总结》的随笔文章,随笔主要是介绍各个知识点的内容,对框架的总体性界面没有很好的阐述,本篇随笔主要介绍这个Bootstrap框架的总体性功能界面,介绍其中用到的知识点和整体性的界面。希望读者对框架有一个更加直观、真实的认识了解...

2017-05-15 20:11:48

阅读数:329

评论数:0

基于Metronic的Bootstrap开发框架经验总结(7)--数据的导入、导出及附件的查看处理

在很多系统模块里面,我们可能都需要进行一定的数据交换处理,也就是数据的导入或者导出操作,这样的批量处理能给系统用户更好的操作体验,也提高了用户录入数据的效率。我在较早时期的EasyUI的Web框架上,也介绍过通过Excel进行的数据导入导出操作,随笔文章为《基于MVC4+EasyUI的Web开发框...

2017-05-15 20:10:55

阅读数:599

评论数:0

基于Metronic的Bootstrap开发框架经验总结(6)--对话框及提示框的处理和优化

在各种Web开发过程中,对话框和提示框的处理是很常见的一种界面处理技术,用得好,可以给用户很好的页面体验,Bootstrap开发也一样,我们往往在页面新增、编辑、查看详细等界面使用弹出对话框层的方式进行显示数据,删除则可能使用一个提示确认框,如果操作成功,我们可以使用更丰富的提示框来处理,本篇主要...

2017-05-14 18:55:31

阅读数:463

评论数:0

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

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

2017-05-14 18:54:43

阅读数:529

评论数:0

基于Metronic的Bootstrap开发框架经验总结(4)--Bootstrap图标的提取和利用

在前面的一篇随笔《基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理》介绍了菜单模块的处理,主要介绍如何动态从数据库里面获取记录并构建菜单列表。其中菜单信息的图标样式,也是从数据库里面获取的,因此要求我们能够动态取得Bootstrap里面的各种图标定义了。本篇...

2017-05-13 18:03:32

阅读数:748

评论数:0

基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用

在上篇《基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用》介绍了数据的分页处理,使用了Bootstrap Paginator插件,另外对树形列表,采用了JSTree插件,本篇继续介绍在编辑页面中常用到的控件Select2,这个控件可以更加丰富...

2017-05-13 18:02:41

阅读数:486

评论数:0

基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用

在上篇《基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理》介绍了Bootstrap开发框架的一些基础性概括,包括总体界面效果,以及布局、菜单等内容,本篇继续这一主题,介绍页面内容常用到的数据分页处理,以及Bootstrap插件JSTree的使用。在数据的界面...

2017-05-12 20:34:48

阅读数:903

评论数:0

基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理

最近一直很多事情,博客停下来好久没写了,整理下思路,把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下,同时也记录自己对Bootstrap开发的学习研究的点点滴滴,希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章,逐步介绍这个响应...

2017-05-12 20:34:01

阅读数:283

评论数:0

Bootstrap 3 如何设置图片居中对齐

如果您使用的是Bootstrap 3中,您可能遇到这么一个问题,你可以使用.text-center对文字居中对齐,图片却无法居中对齐,要解决这个问题你可以需要做很多事件,比如在img外加个div,再通过图片宽高大小等做调整等。 但码农小兵发现Bootstrap 3中有一个非常简单的方法就能实...

2016-11-29 09:35:48

阅读数:12631

评论数:0

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