A8U Web 前端高手不能说的秘密

ゝ一世哀愁。 2022-08-04 11:45 60阅读 0赞

作为一个牛逼的前端开发，视乎背后有很多不可告人的秘密，不然，别人也轻易地成为高手了！Bootstrap 是基于 HTML，CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集，由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。 **Bootstrap** 有非常完备和详尽的开发文档， **Web** 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。

![aff254ac16082d4a4488e80c8dabc90c.jpg][]

A8U **[炸金花][Link 1] Bootstrap** 的口号是 Designed for everyone, everywhere.（适用于任何场景，适用于每一个人），主要有以下特色：支持所有主流浏览器、12列栅格布局、响应式设计、样式化的文档以及常用的定制的 **jQuery** 插件等等。Bootstrap 已经足够强大，能够实现各种形式的 **Web** 界面。为了能够充分利用 **Bootstrap** 的强大功能，下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。

### jQuery UI Bootstrap ###

这个 jQuery UI 主题，对于 jQuery 的使用者来说是个非常好的资源，能够把 **Bootstrap** 的清爽界面组件引入到 jQuery UI 中。

![d7f69750e344f743061478d2465575b7.gif][]

### Bootstrap Image Gallery ###

Bootstrap Image Gallery 是 **Bootstrap** 模态对话框的一个扩展，用于实现相册浏览功能，支持按键导航，幻灯片展示以及全屏浏览。

![113c627482226b366d6a95981372fc4f.jpg][]

### jQuery Mobile Bootstrap Theme ###

A8U 炸金花和 jQuery UI 主题类似，这是一个基于 Twitter Bootstrap 的 jQuery Mobile 主题，让你的移动应用用上 **Bootstrap** 界面。

![fe26d9cc2cc3632ab09c8540b9d28b87.gif][]

### Colorpicker and Datepicker for Bootstrap ###

Twitter Bootstrap 有非常多的内置 **jQuery** 插件，但是没有颜色选择器和日期选择器，这个插件是个非常好的补充。

![8999fa2b2c30a72397f5313687d59b92.jpg][]

### StyleBootstrap.info ###

Twitter Bootstrap 提供了定义好的几种界面风格，如果你想有更多更个性化的配色的话，这个工具可以帮上你的大忙。

![7e6265aca99070a380a02ace390e008d.gif][]

### Beautiful Buttons for Bootstrappers ###

清爽漂亮的按钮是 Twitter Bootstrap 最吸引人的特色之一，这个在线的按钮设计工具可以帮助你制作更多风格的按钮样式。

![54bd5ab24f499d87b3c0174fee113b23.jpg][]

### Bootswatch ###

Twitter Bootstrap 的默认主题已经非常漂亮了，但是如果你想有一个与众不同的外观，那么这个主题选择工具可以帮助到你。

![7f85b5458b34d2b0616514e7f1baeb71.jpg][]

### Fbootsrapp ###

相当于 Twitter Bootstrap的一个 Facebook 主题，包含表单、按钮、表格、导航等等 Facebook 风格的界面组件。

![ef5172e57d5f66102c1b84443acda155.gif][]

### Bootstrap Fireworks ###

对于使用 Fireworks 进行界面设计朋友，Bootstrap Fireworks 非常有用，它提供了一组矢量图形。

![efda865b3c9ca93f7d8a93407fac5607.gif][]

### Django Bootstrap Toolkit ###

这个一个把 Django 和 Twitter Bootstrap 集合起来使用的工具包，相信 Django 的粉丝们会喜欢。

![599a50f4d2e81571be744505f39d4b62.gif][]

### Bootstrap PSD ###

这个设计套件包含 Twitter Bootstrap 所有的基本组件的 **PSD** 源文件，包括字体、按钮、网格和导航等等。

![dd233d98a41432da6bf75f8405e54bc6.jpg][]

### BootstrapWP ###

如果你的 WordPress 博客也想换上 Twitter Bootstrap 界面的话，这个 **WordPress** 主题就是你需要的。

![46b7654b59e3d8891b5fed65002356c0.gif][]

原文：[A8U Web 前端高手不能说的秘密][A8U Web]

[aff254ac16082d4a4488e80c8dabc90c.jpg]: http://www.a8u.net/d/file/news_html/2015-08-24/aff254ac16082d4a4488e80c8dabc90c.jpg
[Link 1]: http://www.a8u.net/
[d7f69750e344f743061478d2465575b7.gif]: http://www.a8u.net/d/file/news_html/2015-08-24/d7f69750e344f743061478d2465575b7.gif
[113c627482226b366d6a95981372fc4f.jpg]: http://www.a8u.net/d/file/news_html/2015-08-24/113c627482226b366d6a95981372fc4f.jpg
[fe26d9cc2cc3632ab09c8540b9d28b87.gif]: http://www.a8u.net/d/file/news_html/2015-08-24/fe26d9cc2cc3632ab09c8540b9d28b87.gif
[8999fa2b2c30a72397f5313687d59b92.jpg]: http://www.a8u.net/d/file/news_html/2015-08-24/8999fa2b2c30a72397f5313687d59b92.jpg
[7e6265aca99070a380a02ace390e008d.gif]: http://www.a8u.net/d/file/news_html/2015-08-24/7e6265aca99070a380a02ace390e008d.gif
[54bd5ab24f499d87b3c0174fee113b23.jpg]: http://www.a8u.net/d/file/news_html/2015-08-24/54bd5ab24f499d87b3c0174fee113b23.jpg
[7f85b5458b34d2b0616514e7f1baeb71.jpg]: http://www.a8u.net/d/file/news_html/2015-08-24/7f85b5458b34d2b0616514e7f1baeb71.jpg
[ef5172e57d5f66102c1b84443acda155.gif]: http://www.a8u.net/d/file/news_html/2015-08-24/ef5172e57d5f66102c1b84443acda155.gif
[efda865b3c9ca93f7d8a93407fac5607.gif]: http://www.a8u.net/d/file/news_html/2015-08-24/efda865b3c9ca93f7d8a93407fac5607.gif
[599a50f4d2e81571be744505f39d4b62.gif]: http://www.a8u.net/d/file/news_html/2015-08-24/599a50f4d2e81571be744505f39d4b62.gif
[dd233d98a41432da6bf75f8405e54bc6.jpg]: http://www.a8u.net/d/file/news_html/2015-08-24/dd233d98a41432da6bf75f8405e54bc6.jpg
[46b7654b59e3d8891b5fed65002356c0.gif]: http://www.a8u.net/d/file/news_html/2015-08-24/46b7654b59e3d8891b5fed65002356c0.gif
[A8U Web]: http://www.a8u.net/news_html/177.html