官方手册(英文):http://getbootstrap.com/docs/3.3/getting-started/ 中文文档:https://v3.bootcss.com/getting-started/ 菜鸟教程:http://www.runoob.com/bootstrap/bootstrap-tutorial.html 标题 <h1>header</h1> <h2>header</h2> <h3>header</h3> <…

历时7小时- -(算上晚饭)终于敲完BootStrap CSS样式部分.还是第一次这么持久的敲纯前端,连JS都没有. 正好趁这机会熟悉了Sublime,主要是各个快捷键的用法.目前用到最多的: 而且sublime字体真是漂亮啊.代码敲多了,居然变赏心悦目了. 这是今天敲得最多的一部分——表单.赶紧用sublime去练习敲代码吧~~~这里给个下载链接我的网盘:http://pan.baidu.com/s/1nu5L0Id 上传下今天的成果:包含离线文档(最新的3.3.5,由于离线文档只找到3.3.…

Bootstrap3学习第一轮(入门) 前言 在上一节中http://www.cnblogs.com/aehyok/p/3381651.html主要是简单的介绍了一下Bootstrap.从http://www.bootcss.com/中文网不难发现现在是针对两个版本进行文档说明,看来两个版本的差别还是蛮大的. 不过从Visual Studio 2013前不久的更新中看,微软是将Bootstrap3的新版本加入到了VS当中,所以也没什么好说的了,学习Bootstrap3也没什么顾虑了. 这里之前也…

个人官网http://FansUnion.cn,前端使用Bootstrap框架.大部分的样式,轻松就实现了. 只是呢,关于导航条,被无数网友吐槽了.      通过手机访问时,导航条把屏幕给完全占居了,正文内容没有施展抱负的机会,很是遗憾. 在被网友和客户吐槽无数次之后,今天下午,公司同事又吐槽了一次.吐槽归吐槽,很多网友都提醒我改善下,至少有2个懂前端的GG,GG-pslong和公司同事GG-tuyang都给出了建议. 说实话,用Bootstrap做手机基本的适配,根本不难,官网上有demo.…

作为html学习学习模态框需要二步: 效果图 第一步学习HTML中 div的弹出 ①触发按钮         <input class="btn btn-success" id="addType" value="增加" type="button" /> ②HTML代码 #typeView,#musicView{ display:none; border:1em solid #3366ff; height:auto;…

对于前端开发的园友来说有可能IDE工具有很多,层次不穷,还有每个人的喜好及习惯也不一样,因为我是一名后端开发的.Net程序员,但是大家都知道,现在都提倡什么全栈工程师,所以也得会点前端开发,所以我对于前端来说可能是个菜鸟,大神绕过,勿喷!我刚接触程序,开发网站时主要用Dreamweaver,后来也用过WebStorm和Sublime2,不过在学习Bootstrap3的时候偶然的机会接触到Brackets就个人比较喜欢他,就不想用别的IDE了,我这里不做这些工具的比较,说哪一个更好,我觉得各有所爱…

Bootstrap3简单介绍----专题1 声明:本文章是给初学bootstrap3的同学添加记忆的, 一定有非常多欠缺和不完好的地方, 希望能帮助到大家, 也希望能让很多其它的人了解boostrap并用在自己的项目中. 本文章的全部代码请大家在最新的浏览器里执行试验 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发.是一个CSS/HTML框架. Bootstrap提供了优雅的HTML和CS…

Bootstrap3.0学习第十四轮(分页.徽章)   前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html 本文主要来讲解以下内容 1.分页 2.徽章 3.总结 分页 为您的网站或应用提供多页的分页组件,或是用更简单的翻页替换. 默认分页 发出了这个简单的分页,用在应用或搜索结果中超级棒.这个大块容易看见,容易缩放并有大块的点击区域. <ul class="pagination&…

Bootstrap3.0学习第八轮(工具Class)   前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html 本文学习的内容主要如下所示: 1.关闭按钮 2.Carets 3.快速设置浮动 4.内容区域居中 5.清除浮动 6.显示或隐藏内容 7.针对屏幕阅读器的内容 8.图片替换 9.总结 关闭按钮 通过使用一个象征关闭的图标,可以用来让模式对话框和警告框消失. <button typ…

Bootstrap3.0学习第六轮(表单) 前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html 本文主要讲解的是表单,这个其实对于做过网站的人来说,并不陌生,而且可以说是最为常用的提交数据的Form表单.本文主要来讲解一下内容: 1.基本案例 2.内联表单 3.水平排列的表单 4.被支持的控件 5.静态控件 6.控件状态 7.控件尺寸 8.帮助文本 9.总结 基本案例 单独的表单控件会…