推荐12款优秀的 推ter Bootstrap 组件和工具
jopen 12年前
<p> Bootstrap 是基于 HTML,CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 推ter 在2011年8月开源的整套前端解决解决方案。<strong>Bootstrap</strong> 有非常完备和详尽的开发文档,<strong>Web</strong> 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。</p> <p> </p> <p><a href="/misc/goto?guid=4958326721136670172" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/7e83725f45972a60cd5db1ba8b04b683.jpg" width="600" height="283" /></a></p> <p> </p> <p> <strong>Bootstrap</strong> 的口号是 Designed for everyone, everywhere.(适用于任何场景,适用于每一个人),主要有以下特色:支持所有主流浏览器、12列栅格布局、响应式设计、样式化的文档以及常用的定制的 <strong>jQuery</strong> 插件等等。Bootstrap 已经足够强大,能够实现各种形式的 <strong>Web</strong> 界面。为了能够充分利用 <strong>Bootstrap</strong> 的强大功能,下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。</p> <p> </p> <h3><a href="/misc/goto?guid=4958523939085671877" target="_blank">jQuery UI Bootstrap</a></h3> <p>这个 jQuery UI 主题,对于 jQuery 的使用者来说是个非常好的资源,能够把 <strong>Bootstrap</strong> 的清爽界面组件引入到 jQuery UI 中。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939085671877" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/4375651f174a0e9f76fa5025b4f30c66.gif" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939181172034" target="_blank">Bootstrap Image Gallery</a></h3> <p>Bootstrap Image Gallery 是 <strong>Bootstrap</strong> 模态对话框的一个扩展,用于实现相册浏览功能,支持按键导航,幻灯片展示以及全屏浏览。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939181172034" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/ef9c138de6a2eb40037f2da5a908c5b8.jpg" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939277420822" target="_blank">jQuery Mobile Bootstrap Theme</a></h3> <p>和 jQuery UI 主题类似,这是一个基于 推ter Bootstrap 的 jQuery Mobile 主题,让你的移动应用用上 <strong>Bootstrap</strong> 界面。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939277420822" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/12b0b052fa52f565ba522263d46cfc27.gif" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939367514031" target="_blank">Colorpicker and Datepicker for Bootstrap</a></h3> <p>推ter Bootstrap 有非常多的内置 <strong>jQuery</strong> 插件,但是没有颜色选择器和日期选择器,这个插件是个非常好的补充。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939367514031" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/ac9133c9fb53a3e718ec496abb783584.jpg" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939461861253" target="_blank">StyleBootstrap.info</a></h3> <p>推ter Bootstrap 提供了定义好的几种界面风格,如果你想有更多更个性化的配色的话,这个工具可以帮上你的大忙。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939461861253" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/7e05727ff13c8ace767c10d612f773df.gif" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939552336932" target="_blank">Beautiful Buttons for Bootstrappers</a></h3> <p>清爽漂亮的按钮是 推ter Bootstrap 最吸引人的特色之一,这个在线的按钮设计工具可以帮助你制作更多风格的按钮样式。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939552336932" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/3ed2cce1a3c8ba27c7bef9105c864582.jpg" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939644974520" target="_blank">Bootswatch</a></h3> <p>推ter Bootstrap 的默认主题已经非常漂亮了,但是如果你想有一个与众不同的外观,那么这个主题选择工具可以帮助到你。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939644974520" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/092417143e8cc139c09af3e56d72805d.jpg" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939732693894" target="_blank">Fbootsrapp</a></h3> <p>相当于 推ter Bootstrap的一个 非死book 主题,包含表单、按钮、表格、导航等等 非死book 风格的界面组件。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939732693894" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/b21d8ecdee07efb574cb9b66f566a626.gif" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939835685414" target="_blank">Bootstrap Fireworks</a></h3> <p>对于使用 Fireworks 进行界面设计朋友,Bootstrap Fireworks 非常有用,它提供了一组矢量图形。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939835685414" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/ef3b9e1c17cf811918dd6de7d8105187.gif" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523939932723657" target="_blank">Django Bootstrap Toolkit</a></h3> <p>这个一个把 Django 和 推ter Bootstrap 集合起来使用的工具包,相信 Django 的粉丝们会喜欢。</p> <p> </p> <p><a href="/misc/goto?guid=4958523939932723657" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/9d2f750ac7829c588d3c593326cef6d3.gif" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523940017581286" target="_blank">Bootstrap PSD</a></h3> <p>这个设计套件包含 推ter Bootstrap 所有的基本组件的 <strong>PSD</strong> 源文件,包括字体、按钮、网格和导航等等。</p> <p> </p> <p><a href="/misc/goto?guid=4958523940017581286" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/386e3e33c673424d558ff54f7176b92d.jpg" width="480" height="268" /></a></p> <p> </p> <h3><a href="/misc/goto?guid=4958523940109823438" target="_blank">BootstrapWP</a></h3> <p>如果你的 WordPress 博客也想换上 推ter Bootstrap 界面的话,这个 <strong>WordPress</strong> 主题就是你需要的。</p> <p> </p> <p><a href="/misc/goto?guid=4958523940109823438" target="_blank"><img style="display:block;margin-left:auto;margin-right:auto;" alt="推荐12款优秀的 推ter Bootstrap 组件和工具" src="https://simg.open-open.com/show/b4f2eda1270fae0a3d3f55598cd847b0.gif" width="480" height="268" /></a></p> <p> 来自:http://www.cnblogs.com/lhb25/archive/2012/09/11/resources-that-complement-推ter-bootstrap.html</p>