我最近在学一个前端框架叫bootstarp.我的老大给了一个bootstarp的模板给我,我看了看感觉没意思.因为那里面的样式,我也会写,所以我就没心思去看,每次只要面板上有的我就搬下来就完了,只要面板上没有的我就自己写样式,后来老大看见了都把我骂的瓜西西的,在公司我十分不好意思,而且那天是11月29日是我生日,所以我就下午请假了.本来我是打算不请假的,后来我的眼泪不停的留,忍不住了就只好请好假,哎,真的好悲哀啊!我的加油哦…

在写bootstarp中发现的几个小样式问题,记录以后可能用的到 1.有时候我们想要超过td长度后自动显示省略号,我们会使用 table { table-layout: fixed; } table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 这样在使用tooltip时就会出现布局出差的情况. 添加 /*处理tooltip被上属性影响*/ .tooltip-inner { white-space:…

不知何年何月才能完成OADemo啊,总之还是一步一步来吧,这段时间开始着手了,先做登陆.  前段时间研究了一下在CentOS7下安装Mysql和Memcached服务,并测试了用C#操作,结果还行. 今天做一个简单的基于Bootstarp的响应式登陆页面(其实是在网上下的模板),不管是登陆还是注册吧,都会用到验证码,以前是用GDI绘出来的,觉得太丑了,百度的关于.net的验证码绝大多数也是用的这种方法,最后试了一下captcha,觉得还挺好看的,所以就试着用用. nugit控制台install-…

在前一篇中,由于不懂jquery,前端做的太差了,今天做稍做修改,增加一个跳转到指定页面功能,表格行点击样式变化.并且在表格中加入bootstarp的按钮组,按钮点击后弹出模态框,须修改common,contorler,view. 在common中添加一个方法重载,以展示按钮组,另外还加了一个隐藏的Id列,需要增加两个参数,一个指定按钮的bootstarp样式,另一个数组指定按钮的名称 修改后的代码如下 using System.Collections.Generic; using System…

我一开始是以为bootstarp已经自定义了方向的类的,但是我查阅了好久都没有看到,我这里用的是CSS3的旋转180° 1:HTML <i class="icon-thumbs-down"></i> 效果 2:CSS i{font-size: 15px;transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform…

   "框架" 这两个字从通俗的意义来讲就是提高复用性,解耦类之间的关系和方便开发人员开发.   使用的技术也是大家基本现在都用过的,而这个系类我所要讲的内容是什么呢? 框架的基本搭建 ,框架搭建的基本思想,Ioc 应用(unity),公共组件类的分装,基本的菜单权限判断,T4模板,Bootstarp,EsayUI 的使用 下面我们来介绍一下框架的大体模型…

一.Bootstarp是什么? 简单.灵活的用于搭建WEB页面的HTML.CSS.JS的工具集 (基于HTML5和CSS3) 总结:简洁强大的前端开发框架,可以让WEB开发更迅速.更简单 二.如何使用Bootstarp?(获取getbootstarp.com) Bottstarp分为2和3两个大方向版本 bootstarp2 兼容好,功能略弱 1.下载: 分别对应的是框架 . 源码 .  Sass 2.引入:   <!-- Latest compiled and minified CSS -->…

一.安装 首先打开Bootstarp的官网:https://v3.bootcss.com 下载完成后,解压压缩包,把解压后的文件导入pycham中 在HTML页面中的style中导入bootstrap的css文件和js文件,建议导入min.css,体积更小 以我的文件路径为例: <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <script src="boots…

jquery: 1.npm install jquery --save-dev 引入jquery. 2.在webpack.base.conf.js中添加如下内容: var webpack = require('webpack') plugins:[ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery" }) 3.在main.js中添加内容import $ from 'jquery'. 接着就可以实验jquer…

.NET MVC 学习笔记(四)—— 基于Bootstarp自定义弹出框 转载自:https://www.cnblogs.com/nele/p/5327380.html (function ($) { window.Ewin = function () { var html = '<div id="[Id]" class="modal fade message-dialog" role="dialog" aria-labelledby=&q…