一、框架整理 1、灰黑色后台框架 2、论如何把后台管理系统写出花(关于后台开发的相关技术) 3、最新的技术-Vue后台管理 4、AdminLTE 5、flatlab 6、饿了么开源的后台管理框架 二、选择框架 后台管理系统框架非常多,经过考虑,选择饿了么的开源框架,原因是:该框架大气简洁,最重要的一点是使用最新的前端技术Vue.js,Vue简单易上手,有许多现成的脚手架可以直接拿来用,在使用该框架

bootstrap  

该项目前台表单上使用的是bootstrap-fileinput的样式,bootstrap-fileinput是挺强大的一个文件上传插件,注意是文件上传,不仅仅只是针对图片上传,初次接触它光是调成自己想要的样式也是花了半天时间呢,下面简单介绍一下需求收集平台这个项目使用的这个插件一些细节问题。 对了,别忘了详细看下官方说明文档:Bootstrap File Input - © Kartik,英文的,

node.js   bootstrap-fileinput   bootstrap  

项目 一个基于Bootstrap的jQuery用户向导插件,该插件允许使用按钮在步骤间切换,还可以单独对某个步骤进行特殊的事件处理。 插件依赖 jQuery 1.3.2+ Bootstrap 3.x 简单使用 HTML <html> <head> <link rel='stylesheet' href='styles/bootstrap.css'> <lin

jquery插件   bootstrap   javascript  

这个是自定义属性。自己写的,通过js代码执行对应的操作。也就可以实现相应的插件效果。

bootstrap  

什么是Bootstrap Bootstrap是一个用于快速开发Web应用程序和网站的前端框架,它包括HTML,CSS,JS等。它是由Twitter开发,现在成为Github上最为流行的前端开发框架。它提供了一套响应式,移动设备优先的流式栅格系统,随着屏幕或视窗尺寸增加,系统会自动分为最多12列。 栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创

grid-system   bootstrap   css   html5  

简单几行代码,就可以给bs框架添加Material Design风格 效果图: 这是常见的btn加了Material Design效果 这里采用的是bootstrap4 引入:bs.css <link rel="stylesheet" href="css/bootstrap.min.css"> <button class="btn btn-secondary" type="button" mate

bootstrap   css   javascript  

不规整元素的宽高等比例 在不同屏幕情况中不同宽高的元素都以相同等比例、等宽和等高方式展示。 需求 设计师希望页面的图片区域,以宽高为2:1比例且所有图片的等宽和等高的方式展示。小加同学觉得设计师这需求太容易,分分钟搞定,拿到图片后便开始刷刷的撸代码。原型设计稿大致如下: bootstrap 栅格系统 思路 每个图片区域宽度为父元素宽度的25%,图片的宽度设置100%,其高度根据宽度等比例自动缩放(

html   padding   bootstrap   css  

css 多列等高

多列等高 高度不一的列以等高方式布局。 需求 设计师说某页面的新闻介绍,由于新闻内容不同导致显示区域的高度不一致,现需要使其高度视觉上保持一致。小加同学觉得必须迅速解决,让设计师妹妹知道我们程序师哥哥的威武。原型设计稿大致如下: bootstrap 栅格系统 思路 直接使用bootstrap的col-*来实现这个简单的布局就OK啦~ HTML <div class="section">

flexbox   html   bootstrap   padding   css  

迷惑的position 小加发现实际开发中position使用频率很高,但很多人却对position不是很了解,导致开发中出现各种问题,现在让我门一起来看看这个迷惑的position吧~ static 元素未定位,默认出现在普通流中,即元素从左到右,从上到下的方式布局~ HTML <div class="section"> <h3 class="section__title">Stat

position   bootstrap   html   css  

Bootstrap 这个号称世界第一的 responsive 和 mobile first 前端样式组件库去年八月发布了 v4.0 Alpha,去年年底时发布了 v4.0 Alpha 2 版本。可能是 v3 用的过于顺手,直到今天才决定踏上 v4.0 这艘船,让我们一起来看它是说翻就翻,还是屹立不倒。 4.0 vs 3.0 根据官方文档,我们先来看看 v4.0 相比 v3.0 做了那些改变: 从

框架   css   bootstrap  
1 2 3 4 5 6 7 8 9