Bootstrap是一个前端框架,将常用的前端控件封装成了CSS样式和JS文件,能够方便灵活的设计出适用于移动设备和各个PC浏览器的前端页面,经过最近一段时间的使用感觉非常好用,再也不用担心前端页面布局和样式了。bootstrap能够兼容IE8浏览器,这样在XP电脑上也可以正常运行。相关学习资料如下。
bootstrap使用:http://v3.bootcss.com/getting-started/
bootstrap样式:http://v3.bootcss.com/css/
bootstrap组件:http://v3.bootcss.com/components/
font-awesome使用:http://fortawesome.github.io/Font-Awesome/get-started/
font-awesome例子(bootstrap图标扩展):http://fortawesome.github.io/Font-Awesome/examples/
分别使用bootstrap和font-awesome显示的图标:
<!-- bootstrap图标 --> <span class="glyphicon glyphicon-search" style="font-size: 1.5em;"></span> <!-- font-awesome图标 --> <i class="fa fa-eye fa-2x" style="color: #7a9b76; cursor: pointer;" ></i>
在页面开始引入相关的css和js文件:
<link rel="stylesheet" href="js/common/bootstrap/3.2.0/css/bootstrap.min.css"> <link rel="stylesheet" href="js/common/font-awesome/4.2.0/css/font-awesome.min.css"> <script type="text/javascript" src="js/common/jquery/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/common/bootstrap/3.2.0/js/bootstrap.min.js"></script>
相关推荐
Bootstrap 使用Font Awesome图标字体文件 集成了圆角按钮 禁用状态按钮 自定义按钮尺寸 可设定按钮动画 旋转和闪烁动画 ps:字体文件在asset里面 说的不是很明白 看下面英文解释吧 Bootstrap buttons as per ...
漂亮的网页素材,bootstrap使用的完美结合。
亲自将网页截取下来,整理出一份PDF文档提供大家方便,其中已设置书签快速浏览。内部使用代码后续上传。
1.bootstrap使用4.0 2.customValidator.css Bootstrap v4.0.0-beta (https://getbootstrap.com) jQuery v3.2.1
此工具可以帮助对bootstrap的初学者,其中包括一些下拉,按钮、菜单、图标、样式等的代码快,帮助开发者实现快速进行代码生成。 此工具可以帮助对bootstrap的初学者,其中包括一些下拉,按钮、菜单、图标、样式等的...
本资源是CSS框架--BooTStrap框架。自己写的一些测试代码,肯定没有官网上的好,不喜勿喷。
bootstrap 列表界面、窗口界面、操作信息提示界面以及验证信息等简单的工作参考资料,建议与我的博客一起使用 http://blog.csdn.net/rainbow_m/article/details/47042123
主要介绍了BootStrap使用popover插件实现鼠标经过显示并保持显示框的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
正如Twitter架构师马克·奥托(Mark Otto)在Twitter开发者博客上所写的那样,“Bootstrap 使用了一些最新的Web 浏览器技术,向开发者提供了时尚的排版、样式、按钮、表格、网格、导航和一切所需的东西,而且它所占...
简单支持Bootstrap,简洁jQuery实现简单可按钮编辑一行多个表格,方便大家使用
jQuery bootstrap实现的登录、注册,个人认为很美观,也很常用的弹出登录与注册。
Bootstrap ——来自Twitter的流行前端框架。接下来通过本文给大家介绍bootstrap入门基础脚本,包括bootstrap特征及使用方面的知识点,感兴趣的朋友一起看看吧
Bootstrap展开收缩显示表格json格式数据基于Bootstrap3.3.5制作,自适应分辨率,JS函数调用json,动态获取表格数据,双击表格行可折叠关闭表格数据显示。
bootstraptable父子表,子表找不到bootstraptable初始化方法的解决方案
JasnyBootstrap页面操作的的简单实例,可实现固定格式的文本。
主要为大家详细介绍了功能强大的Bootstrap使用手册,分享了Bootstrap使用步骤和常用用法,感兴趣的小伙伴们可以参考一下
这个里面 包含整个bootstrap源程序 你所需要的都在了、里面.Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您...
ssh+maven+bootstrap视频教程
android-bootstrap属性详解.docx android-bootstrap使用流程 android-bootstrap图标网站
Bootstrap是Twitter推出的一款简洁、直观、强悍的前端开发框架。 Bootstrap基于 HTML、CSS、JAVASCRIPT。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。 在线教程地址:...