BootStrap初始

【BootStrap初始】的更多相关文章

序言什么是Bootstrap Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. Bootstrap的历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob T…

初始Bootstrap

使用示例 ①下载Bootstrap框架网址:http://v3.bootcss.com/getting-started/#download ②解压得到三个文件 ③将文件添加进项目后,在页面中引用必要的css和js ④查看效果(a标签美化得不要不要的了-) 更多学习Bootstrap的资料可以移步:http://www.runoob.com/bootstrap/bootstrap-intro.html 未完待续....…

旺财速啃H5框架之Bootstrap（一）

接下来的时间里,我将和大家一起对当前非常流行的前端框架Bootstrap进行速度的学习,以案例的形式.对刚开始想学习Bootstrap的同学而找不着边的就很有帮助了.如果你想详细的学习Bootstrap,建议去http://noob.d8jd.com/noob/5.html这里学习,说多了,开始走两步.... 第一步:下载Bootstrap 看这个大B就知道有多NB了,哈哈~~~~ 英文也说它最流行的HTML,CSS和JS框架,至于它有哪些好处,谁用谁知道. 官方下载地址:http://getb…

JS组件系列——Bootstrap文件上传组件：bootstrap fileinput

前言:之前的三篇介绍了下bootstrap table的一些常见用法,发现博主对这种扁平化的风格有点着迷了.前两天做一个excel导入的功能,前端使用原始的input type='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它.既然bootstrap开源,那么社区肯定有很多关于它的组件,肯定也有这种常见的上传组件吧.经过一番查找,功夫不负有心人,还是被博主找到了这个组件:bootstrap fileinput.关于这个组件的简单应用,博客园大牛伍华聪写过一篇基于M…

翻译：使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 6 - 业务逻辑

Part 3: 设计逻辑层:核心开发如前所述,我们的解决方案如下所示: 下面我们讨论整个应用的结构,根据应用中不同组件的逻辑相关性,分离到不同的层中,层与层之间的通讯通过或者不通过限制.分层属于架构风格,在应用的长时间生命周期中,解决维护和扩展问题.所以,让我们在解决方案中添加一个类库项目,命名为 Application.Common. Application.Common : 这是一个类库项目, 提供公共功能,可以被不同的业务逻辑层使用.例如:安全,日志,跟踪,验证等等. 定义在这个层中的组…

模拟Bootstrap响应式网格系统

Bootstrap响应式(适应于不同的终端设备).Bootstrap栅格系统是利用百分比把视口等分为12个,然后利用媒体查询,设置float属性使之并列显示一.媒体查询媒体查询包含一个可选的媒体类型和零或多个表达式来限制使用媒体特性的样式表范围例如width,height,color.CSS3中的Media queries让内容的呈现可以只针对特定范围的输出设备而不必去改变内容本身. 以下是Bootstrap常用媒体查询尺寸 @media (max-width: 767px) {} /*小…

JS组件系列——Bootstrap组件福利篇：几款好用的组件推荐（二）

前言:上篇 JS组件系列——Bootstrap组件福利篇:几款好用的组件推荐分享了几个项目中比较常用的组件,引起了许多园友的关注.这篇还是继续,因为博主觉得还有几个非常简单.实用的组件,实在不愿自己一人独享,没办法,谁让博主这么爱分享呢~~ 本文原创地址:http://www.cnblogs.com/landeanfen/p/5603790.html 七.多值输入组件manifest 关于文本框的多值输入,一直是一个比较常见的需求,今天博主推荐一款好用的多值输入组件给大家,不要谢我,请叫我“红…

初学者--bootstrap（一）----在路上（1）

bootstrap: 是目前最受欢迎的前端框架,并基于HTML.CSS.JavaScript 等,而且他是为了适应并兼容各个电子设备,是对媒体查询的封装. 1.什么是媒体查询他是响应式布局的方法之一,使我们的网页适配于各种设备. 2.媒体查询的写法和格式思想:使用分割法分析和解决问题 (1)首先是确认把屏幕分成几种样式 (这里先以1200px 900px 600px ) (2)选择max-width 还是min-width so,有两种方法: (1)CSS3 这里以浏…

【读书笔记《Bootstrap 实战》】6.单页营销网站

我们已经掌握了很多实用 Bootstrap 的重要技能.现在,是时候拿出更多的创意来帮助客户实现他们全方位在线营销的愿望了.此次将带领大家做一个漂亮的单页高端营销网站. 主要任务如下: □ 一个大型介绍性传送带图片展示区,配有自定义的响应式欢迎信息: □ 一个客户留言区,显示为带标题的图片墙,就像砖垒的一样: □ 一个功能清单,使用大号 Font Awesome 图标: □ 一个带有自定义价目表的注册区: □ 一个带动态滚动的 ScrollSpy 导航条. 1.概况有一位潜在客户联系我们,她…

【读书笔记《Bootstrap 实战》】2.作品展示站点

假设我们已经想好了要给自己的作品弄一个在线站点.一如既往,时间紧迫.我们需要快一点,但作品展示效果又必须专业.当然,站点还得是响应式的,能够在各种设备上正常浏览,因为这是我们向目标客户推销时的卖点.这个项目可以利用Bootstrap的很多内置特性,同时也将根据需要对Bootstrap进行一些定制. 1.设计目标虽然对大屏幕中的展示效果已经胸有成竹,但我们还应该从小设备开始,强迫自己聚焦在关键的要素上面. 这个作品展示站点应该具有下列功能: □ 带Logo的可折叠的响应式导航条: □ 重点展示四…

H5框架之Bootstrap（一）

H5框架之Bootstrap(一) 接下来的时间里,我将和大家一起对当前非常流行的前端框架Bootstrap进行速度的学习,以案例的形式.对刚开始想学习Bootstrap的同学而找不着边的就很有帮助了.如果你想详细的学习Bootstrap,建议去http://noob.d8jd.com/noob/5.html这里学习,说多了,开始走两步.... 第一步:下载Bootstrap 看这个大B就知道有多NB了,哈哈~~~~ 英文也说它最流行的HTML,CSS和JS框架,至于它有哪些好处,谁用谁知道.…

JS组件系列——两种bootstrap multiselect组件大比拼

前言:今天继续来看看bootstrap的另一个组件:multiselect.记得在项目开始之前,博主项目组几个同事就使用哪些js组件展开过讨论,其中就说到了select组件,由于项目的整体风格使用的bootstrap风格,所以在选用select组件的时候优先考虑和bootstrap结合使用的.其中就找到了两个这种组件,大体样式和功能基本相同,经过一番讨论,项目组决定使用davidstutz的bootstrap-multiselect 组件,今天就来看看这两个组件的用法. 一.组件说明以及API…

JS组件系列——Bootstrap右键菜单解决方案：ContextMenu

前言:有段时间没发表随笔了,过个年人都变得懒了.新年刚来上班,今天正好得空,将去年遗留的两个小组件总结记录下.有朋友跟我说:你的bootstrap组件要能够形成一个可以满足一般项目需求的系列组件,才有真正的实用价值.想想说得在理.这不今天来总结下bootstrap的一个小组件的应用.好了,不说废话,进入正题吧. 一.ContextMenu介绍年前,博主接到一个需求:表格行调序,支持多选调序,并且可以不连续多选.什么意思呢?先来看看需要实现的效果图: 需求是:需要将选中的6.8.9行移动到第2行…

BootStrap的一个标准框架的内容解释——来源于bootstrap官网

<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--bootStrap不支持ie 的编…

响应式布局 Bootstrap

github介绍 (1)简单灵活可用于架构流行的用户界面和交互接口的html.css.javascript工具集 (2)基于html5.css3的bootstrap,具有大量的诱人特征: 友好的学习曲线.卓越的兼容性.响应式设计.12列格网.样式向导文档 (3)自定义jQuery插件,完整的类库,基于Less下载 b2 支持更广泛的浏览器但有兼容性等历史包袱,代码不够简洁,b3放弃了ie7 ff3.2,ie8虽然支持但是对css3支持有限 Bootstrap中的JS插件依赖于jQuer…

用最基本的EF+MVC+JQ+AJAX+bootstrap实现权限管理的简单实例之登陆和操作权限

先来一堆关于上篇文章的废话(不喜者点此隐藏) 今天把博客加了个小功能,就是点标题可以隐藏或展示相关内容,做法很傻,就是引用了bootstrap的两个css类和全部的js文件,其实这样的小功能完全应该自己做的,主要还是因为前端差,还有就是懒.请大家不要太过在意命名和前端样式,我并没有进入公司工作,命名没有具体规范,都是随心所欲.前端实在太差,如果你觉得颜色样式太差,只能说明我的审美有问题,咱们主要看功能实现. 上篇文章发布后有一定的推荐量和浏量,对一个初学者来说,自认为还是挺不错的.最主要的是收到…

Bootstrap学习（1）

文档顶部写上H5的DOCTYPE声明 head部分: <meta> (1)编码方式 (2)在IE运行最新的渲染模式 <meta http-equiv="x-ua-compatible" content="IE=edge" /> (3)适配移动端:初始化移动浏览显示 <meta name="viewport" content="width=device-width,initial-scale=1"…

Bootstrap <基础三十一>插件概览

在前面布局组件中所讨论到的组件仅仅是个开始.Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动.即使不是一名高级的 JavaScript 开发人员,也可以着手学习 Bootstrap 的 JavaScript 插件.利用 Bootstrap 数据 API(Bootstrap Data API),大部分的插件可以在不编写任何代码的情况被触发. 站点引用 Bootstrap 插件的方式有两种: 单独引用:使用 Bootstrap 的个别的 *.js 文件.一…

转载：bootstrap, boosting, bagging 几种方法的联系

转:http://blog.csdn.net/jlei_apple/article/details/8168856 这两天在看关于boosting算法时,看到一篇不错的文章讲bootstrap, jackknife, bagging, boosting, random forest 都有介绍,以下是搜索得到的原文,没找到博客作者的地址, 在这里致谢作者的研究. 一并列出一些找到的介绍boosting算法的资源: (1)视频讲义,介绍boosting算法,主要介绍AdaBoosing htt…

去除bootstrap模态框半透明阴影

当使用bootstrap模态框默认自带半透明阴影,如果想要去除阴影,需要怎么做呢? 今天在项目中我遇到了这个问题,想要去除模态框的阴影,试了好久都没解决.后来问同事的时候才知道,当模态框弹出后,会加上这样一句代码: <div class="modal-backdrop in"></div> 案例:自带半透明阴影的模态框 <!DOCTYPE html> <html> <head> <meta charset=UTF-8&…

【Bootstrap】2.作品展示站点

假设我们已经想好了要给自己的作品弄一个在线站点.一如既往,时间紧迫.我们需要快一点,但作品展示效果又必须专业.当然,站点还得是响应式的,能够在各种设备上正常浏览,因为这是我们向目标客户推销时的卖点.这个项目可以利用Bootstrap的很多内置特性,同时也将根据需要对Bootstrap进行一些定制. 1.设计目标虽然对大屏幕中的展示效果已经胸有成竹,但我们还应该从小设备开始,强迫自己聚焦在关键的要素上面. 这个作品展示站点应该具有下列功能: □ 带Logo的可折叠的响应式导航条: □ 重点展示四…

[转]ASP.NET MVC4+BootStrap 实战(一)

本文转自:http://leelei.blog.51cto.com/856755/1587301 好久没有写关于web开发的文章了,进到这个公司一直就是winform和Silverlight,实在是没有实战web项目的机会.大D也辞职了,去搞web app了.自己也该闲暇时间多学习学习,每天进步一点点. OK,不多说了,看一下Solution的截图基本上一看就明白了,控制器调用Biz层,Biz层调用DAL层,DAL层进行数据的CURD.Utility是一些公用的类库.ok,为什么程序集的命名都…

Bootstrap modal垂直居中

Bootstrap modal垂直居中在网上看到有Bootstrap2的Modal dialog垂直居中问题解决方法,这种方法自己试了一下,并不能完全居中,并且窗口的大小不一样的话,每次显示的margin-top值也会改变,遮盖层还会出现滚动条,效果也不好看,代码如下: //在初始显示时设置垂直居中 $('#YourModal').modal().css({ 'margin-top': function () { return -($(this).height() / 2); } });…

Bootstrap modal被sliverlight掩盖。

Bootstrap中的modal被silverlight遮挡了,解决方案: <object id='xx'....> ... <param name="windowless" value="true"/> ... </object> 无窗口模式的限制如下: 性能问题.无窗口模式需要进行大量的计算,与透明插件背景相结合时更是如此.. 不支持将鼠标输入传递到插件与之重叠的 HTML 内容,即使在该插件具有透明背景时也是这样.若要通过…

bootstrap入门-4.排版及其他固定样式

本篇包括以下内容:排版.代码.表格.表单. 总结:超无聊,弃更. · 排版样式标题 h1-h6 取消加粗,字体大小也有一定变化. 内联子标题 <h1>我是标题1 h1. <small>我是副标题1 h1</small></h1> 加入small标签,灰色,父级字体大小65%. 效果: 引导主题副本 .lead,更大更粗.行高更高的文本. <h2>引导主体副本</h2&…

从零开始学Bootstrap(1)

最近需要做一个简单的Web页面. 考虑到前端经验不足,为了快速产出,同时项目只是一个工具,对项目没有什么要求,所以我选择了Bootstrap这个框架作为Web框架. 写从零开始学Bootstrap的初衷: 看了半天的Bootstrap的文档,包括官方的(http://v3.bootcss.com/getting-started/)和非官方的(http://www.runoob.com/bootstrap/bootstrap-tutorial.html),以及他人写的简单入门博客(http://w…

我的bootstrap使用的历程

1.bootstrap快速开发,和amaze一样,同样是自己布局,然后找对应的模板,然后复制. 2.bootstrap实现的不完美的地方,我们要靠自己的样式去解决. 典型的居中布局, container row col-lg-2 col-md-3 col-sm-3 col-xs-3 ***************************************************************************************************** ******…