《潭州学院》前端boostrap网页框架学习在web前端开发中，我们会使用到各种各样的框架，其中使用最广泛的一款框架就是Boostrap。它是Twitter公司开发的一个基于HTML、CSS和JavaScript的技术框架，集合了最新的前端技术，为实现Web应用程序快速开发提供了一套前端工具包，包括布局、栅格、表格、按钮、表单、导航、提示等，可以用来开发跨浏览器兼容并且美观大气的页面。Bootstrap是用动态语言LESS写的，可以帮助开发人员快速开发原型，主要包括四部分的内容：1、脚手架全局样式，响应式的12列栅格布局系统。需要提醒大家注意的一点就是，在默认情况下Bootstrap并不包括响应式布局的功能。因此，如果你的设计要实现响应式布局，那么需要手动开启这项功能。2、基础CSS包括基础的HTML页面要素，比如表格table，表单form，按钮butto
，以及图片image等等，基础CSS为这些要素提供了优雅、一致的多种样式。3、组件收集了大量可以重用的组件，如下拉菜单（dropdow
s），按钮组（butto
groups），导航面板（
avigatio
co
trol），包括：tabspillslists标签，面包屑导航（breadcrumbs）以及页码（pagi
atio
），缩略图thumb
ails，进度条（progressbars），媒体对象（mediaobjects）等等。4、JavaScript包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口（modals），提示效果（tooltips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马carousel，输入提示typeahead，等等。虽然Bootstrap框架已经足够强大了，但是在web开发中，为了更好的实现各种页面效果，和其他工具、资源的配合使用也是少不了的，下面我们就举例为大家分享一二：jQueryUIBootstrap对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把Bootstrap的清爽界面组件引入到jQueryUI中。jQueryMobileBootstrapTheme和上面的jQueryUI主题类似，这是一个为jQuerymobile建立的主题。如果想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。FuelUXFuelUX为Bootstrap添加了一些轻量的JavaScript控件。FuelUI安装，修改，更新以及优化都很简单方便。StyleBootstrapi
foBootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，方便开发人员给每个组件都应用不同的配色。BootSwatchr利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果，这个应用都会生成一个唯一的URL，方便你与他人分享，你也可以在任意时刻修改你的主题。BootswatchBootswatch提供r