10个可以替代Bootstrap的前端框架

古城微笑少年丶 2023-10-11 15:33 9阅读 0赞

## 10个可以替代Bootstrap的前端框架 ##

2015.09.21 15:10 12846浏览

![图片描述][f448c763cf4387c2a09c1a3ed00cce02.png]  
[Bootstrap][] 是最受[前端开发][Link 1]者欢迎的框架之一，虽然它的功能很强大，但是如果是做一些小型网站的话，会有很多用不到的功能，这时可以用一些其他框架来替代 [Bootstrap][]。现在有很多的前段框架，这里为你整理了10个最佳的可以替代[Bootstrap][]的框架，你在建立简单的、小规模的网站的时候可以考虑使用这些框架。

**[1.Pure][]**

![图片描述][3e289ccc7874363285f65931dc58c0a0.png]  
一个小型的、你可以在任何WEB项目中使用的响应式前段框架。

**[2.Mueller][]**

![图片描述][173e7da1e6413ea17fce9dd35521af48.png]

Mueller 是一个基于 Compass 的模块，支持响应式/自适应和非响应式布局。你可以完全自由控制列宽、栅格以及媒体查询。

**[3.Tuktuk][]**

![图片描述][b7975800436731f03d37722acf977ce6.png]

Tuktuk 是一个高度重视栅格系统、排版布局和模态方法的轻量级前端框架。

**[4.960 Grid System][]**

![图片描述][34d480c3155ce0b4b22bb0fcd24b77ec.png]

960 Grid System 一个把内容限定在 960px 宽度范围的框架。

**[5.Concise][]**

![图片描述][4668016de4f0543729378ab7b90d740a.png]

这个框架一点都不臃肿，它是一个建立在 Sass、Less 和 Stylus 之上的轻量级前端框架，使得CSS维护非常方便。

**[6.Skeleton][]**

![图片描述][66e18be074682fbb15adcbd008ffc6fc.png]

Skeleton 是一个包含了栅格系统，只定义了标准HTML元素样式的框架。

**[7.Jeet][]**

![图片描述][edb08d18da12f923912091be8eb49ca2.png]

这是一个极具创新性的、快速灵活的前端框架。它可以同时支持旧版本和新版本的浏览器。

**[8.Cardinal][]**

![图片描述][3faae4bc8aef9c8b6cbdf5d69ffc0d2a.png]

Cardinal 是一个“移动优先”的CSS框架，非常注重性能和可扩展性。

**[9.Material ui][]**

![图片描述][41f47ce3812edaac4216efc56b96dc0e.png]

**[10.UIkit][]**

![图片描述][7d62bc925043673207d1b3599c598b0f.png]

一个轻量级、模块化的前端框架，用于开发快速和强大的网络接口。

[f448c763cf4387c2a09c1a3ed00cce02.png]: https://img-blog.csdnimg.cn/img_convert/f448c763cf4387c2a09c1a3ed00cce02.png
[Bootstrap]: https://www.imooc.com/course/list?c=bootstrap
[Link 1]: https://coding.imooc.com/?c=fe
[1.Pure]: http://purecss.io/
[3e289ccc7874363285f65931dc58c0a0.png]: https://img-blog.csdnimg.cn/img_convert/3e289ccc7874363285f65931dc58c0a0.png
[2.Mueller]: http://muellergridsystem.com/
[173e7da1e6413ea17fce9dd35521af48.png]: https://img-blog.csdnimg.cn/img_convert/173e7da1e6413ea17fce9dd35521af48.png
[3.Tuktuk]: http://tuktuk.tapquo.com/
[b7975800436731f03d37722acf977ce6.png]: https://img-blog.csdnimg.cn/img_convert/b7975800436731f03d37722acf977ce6.png
[4.960 Grid System]: http://960.gs/
[34d480c3155ce0b4b22bb0fcd24b77ec.png]: https://img-blog.csdnimg.cn/img_convert/34d480c3155ce0b4b22bb0fcd24b77ec.png
[5.Concise]: http://concisecss.com/
[4668016de4f0543729378ab7b90d740a.png]: https://img-blog.csdnimg.cn/img_convert/4668016de4f0543729378ab7b90d740a.png
[6.Skeleton]: http://getskeleton.com/
[66e18be074682fbb15adcbd008ffc6fc.png]: https://img-blog.csdnimg.cn/img_convert/66e18be074682fbb15adcbd008ffc6fc.png
[7.Jeet]: http://jeet.gs/
[edb08d18da12f923912091be8eb49ca2.png]: https://img-blog.csdnimg.cn/img_convert/edb08d18da12f923912091be8eb49ca2.png
[8.Cardinal]: http://cardinalcss.com/
[3faae4bc8aef9c8b6cbdf5d69ffc0d2a.png]: https://img-blog.csdnimg.cn/img_convert/3faae4bc8aef9c8b6cbdf5d69ffc0d2a.png
[9.Material ui]: http://material-ui.com/#/
[41f47ce3812edaac4216efc56b96dc0e.png]: https://img-blog.csdnimg.cn/img_convert/41f47ce3812edaac4216efc56b96dc0e.png
[10.UIkit]: http://getuikit.com/
[7d62bc925043673207d1b3599c598b0f.png]: https://img-blog.csdnimg.cn/img_convert/7d62bc925043673207d1b3599c598b0f.png