[框架/插件-第三期] 还在用Bootstrap？这10个CSS框架可以尝试！！！

于 2021-09-02 22:36:53 发布
阅读量1.5w 收藏 36
点赞数 38
文章标签： css bootstrap
原创文章，禁止任何形式转载！
本文链接：https://blog.csdn.net/shangyanaf/article/details/120071353
版权
学透CSS 同时被 2 个专栏收录
56 篇文章 13 订阅 ¥99.90 ¥299.90
订阅专栏
各类框架/插件集合
8 篇文章 1 订阅
订阅专栏

前言

在日常工作中，我们需要编写大量的CSS代码，当然如果你的日常工作主要是后台管理之类的系统的话，那你可能CSS用的比较少，但是如果你做过官网，宣传等等内容的话，一般这些可能比较更需要CSS的功底！我相信很多人还在坚持使用Bootstrap的，看完这篇文章，来尝试新的CSS库吧！！！

Animate.css

地址

Animate.css是一个随时可用的跨浏览器动画库，可用于您的 Web 项目。非常适合强调、主页、滑块和注意力引导提示。

Cirrus.CSS

地址

一个完全响应式和全面的 SCSS 框架，具有漂亮的控件和简单的结构。将其与任何现有设计集成或使用它来启动您的下一个项目。

image.png

Semantic UI

地址

Semantic 是一个开发框架࿰

了解本专栏 订阅专栏 解锁全文
YOLO大师
关注
  • 38
    点赞
  • 踩
  • 36
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 35
    评论
专栏目录
订阅专栏
【ColorUICss】色彩艳丽的移动css框架
weixin_34289454的博客
03-03 1480
为什么80%的码农都做不了架构师？>>> ...
有哪些类似bootstrap的纯css框架？
最新发布
SiKi学院的博客
08-01 446
​ 下面是一些类似bootstrap的css框架，以及其开源的仓库和网址附上，整理不易，希望多多点一下赞同收藏喜欢哈~ ​
类似bootstrap的纯css框架有哪些
qq_41904619的博客
10-15 674
1、现在可以跟Bootstrap一拼的Foundation:Foundation | The Most Advanced Responsive Front-end Framework from ZURB 2、轻量级的Pure:Pure 3、Gumby:Gumby - A Flexible, Responsive CSS Framework 4、Material Design效果的Materiali...
CSS 框架 Bulma 教程
HY_358116732的博客
11-02 2396
作者： 阮一峰 网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架----Bulma。有了它，即使完全不懂 CSS，也可以轻而易举做出美观的网页。 我要感谢 100offer 对我提供赞助。100offer 是国内第一流的人力资源网站，本文结尾有他们的简介，
类似Bootstrap的CSS框架
winstar1688的专栏
07-13 172
   收录了些类似Bootstrap的CSS框架资源       （1）Kube：http://imperavi.com/kube       （2）IVORY：http://weice.in/ivory/index.html       （3）Base：http://matthewhartman.github.io/base/       （4）Layers：http://e...
Bootstrap整体框架之CSS12栅格系统
11-30
在Bootstrap中，整个框架由六个主要部分组成：CSS组件、JS插件、基础支撑平台（包括CSS12栅格系统、基础布局组件和jQuery）以及响应式设计。 CSS12栅格系统是实现网页布局的关键。它的基本原理是通过定义一个可伸缩...
详解在Angular项目中添加插件ng-bootstrap
12-11
在Angular开发过程中，为了增强应用的功能性和用户体验，我们经常需要引入第三方库或插件。`ng-bootstrap`就是这样一个为Angular量身打造的插件，它提供了与Bootstrap 4框架紧密集成的Angular指令。本篇文章将深入...
Bootstrap-4-Carousel-Template:Bootstrap 4 Carousel HTML5 CSS3模板
05-02
Bootstrap 4 Carousel HTML5 CSS3模板是一款基于最新版本Bootstrap框架的动态轮播组件模板，它结合了HTML5、CSS3以及JavaScript技术，为网站设计提供了高效、响应式的展示方案。这款模板尤其适合创建吸引人的首页...
bootstrap-3.4.1-dist.zip,bootstrap-4.6.1-dist.zip
03-09
为了进一步定制Bootstrap，你还可以修改源码或使用第三方扩展，以满足项目的特殊需求。 总的来说，Bootstrap是前端开发的重要工具，无论是初学者还是经验丰富的开发者，都能从中受益。这两个压缩包提供了Bootstrap...
Bootstrap-Website-with-HTML5-CSS3-Bootstrap-4:这是我从Drew Ryan那里学到的Bootstrap网站
04-02
CSS3，层叠样式表的第三个版本，带来了许多新特性，极大地扩展了设计师的创意空间。例如，选择器的增强使得定位元素更精准，如`:nth-child()`和`:not()`；边框和背景的渐变、阴影和径向渐变让设计更具立体感；还有...
Cardinal一个模块化移动优先的CSS框架专注于性能和可伸缩性
08-10
Cardinal：一个模块化、移动优先的CSS框架专注于性能和可伸缩性
halfmoon：具有内置暗模式和使用CSS变量的完全可定制性的前端框架； 非常适合构建仪表板和工具
02-05
具有内置暗模式和使用CSS变量的完全可定制性的前端框架； 非常适合构建仪表板和工具。 内置暗模式— Halfmoon带有内置的可切换暗模式，这是它最重要且最定义的功能之一。 使用CSS变量完全可自定义-框架完全使用CSS变量（也称为CSS自定义属性）构建。 几乎有1,500个CSS变量，这意味着几乎所有内容都可以通过覆盖属性来进行自定义，从而使Halfmoon主题轻松适合您的品牌。 。 非常适合构建仪表板和工具-组件具有非常标准的外观，使其适合于仪表板和工具。 此外，许多重要的内容都放在表单，导航栏，侧边栏，下拉菜单，吐司，快捷方式等组件上，并且还有大量实用程序可用。 可选的JS库-H
pollux ：（另一个）使用AlpineJS和HalfmoonCSS的RSS阅读器
02-25
波卢克斯 使用AlpineJS和HalfmoonCSS的RSS阅读器 灵感来自
pb界面框架开发_盘点：11个最流行的前端框架，UI必备
weixin_39723899的博客
11-20 847
作为开发者，我们需要了解一些不错的CSS UI开源框架资源，帮助我们更快更好地实现一些现代化的界面，今天小编就给大家分享11个最流行的前端框架，UI必备，一起来看看吧。1、LayUILayUI是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，即取即用。其体积轻盈，但组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快...
10个可以替代Bootstrap的前端框架
盏茶作酒的博客
04-14 6486
10个可以替代Bootstrap的前端框架 2015.09.21 15:1012846浏览 Bootstrap是最受前端开发者欢迎的框架之一，虽然它的功能很强大，但是如果是做一些小型网站的话，会有很多用不到的功能，这时可以用一些其他框架来替代Bootstrap。现在有很多的前段框架，这里为你整理了10个最佳的可以替代Bootstrap的框架，你在建立简单的、小规模的网站的时候可以考虑使用这些框架。 1.Pure 一个小型的、你可以在任何WEB项目中使用的响应式前段框架。 2.Mueller...
眼下最流行的五大CSS框架，你都知道么？（转）
hsphsphsp的专栏
10-30 1524
眼下最流行的五大CSS框架，你都知道么？ http://developer.51cto.com/art/201710/555733.htm 如今，CSS框架越来越受欢迎，可以说已经应用到每一个网站上了。作为开发工具，CSS框架一直处于不断进化和改进的状态，因此我们强烈建议您关注眼下的趋势。这篇文章会带您了解2017年最流行的5种CSS框架。 作者：三文鱼来源：IT168|2017
html css mobi,Mobi.css-轻量灵活的移动端CSS框架
weixin_30670053的博客
07-01 461
大部分 CSS 框架都有响应式布局，使用媒体查询将内容在不同大小屏幕上重新排版，使一个网站能够兼容不同大小屏幕的设备。虽然框架帮你减少了很多工作，但是你还是需要设计各个大小屏幕的设备的样式，代码也会有冗余(比如 Bootstrap 的代码：)，并且需要在每个设备上进行测试。如果你想开发一个移动端网页，Mobi.css 提供了一个更简单易行的解决方案。在移动端设备(宽度小于 768px)上，容器宽度...
10 种常用的CSS框架，收藏一下
Myself's CSDN
07-01 3466
文章目录 1、Bootstrap 2、 Foundation 3. Materialize CSS 4. Semantic UI 5. Bulma 6. UIKit 7. PureCSS 8. Tailwind 9. Ant Design 10.Tachyons css 框架 1、Bootstrap 作为最受欢迎的工具之一，Bootstrap在Web开发人员眼中已成为了业界领先的前端框架。为了使Web开发人员能够构建出不同的用户界面组件，Bootstrap能够将CSS、Javascript和HTML代码
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <!--//booststrap end--> <!-- font-awesome icons --> <link href="css/font-awesome.css" rel="stylesheet"> <!-- //font-awesome icons --> <!--stylesheets--> <link href="css/style.css" rel='stylesheet' type='text/css' media="all"> <!--//stylesheets--> <link rel='stylesheet' type='text/css' href='css/jquery.easy-gallery.css' /> <!-- For-gallery-CSS --> <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" /> <!-- //pop-ups--> <link href="http://fonts.googleapis.com/css?family=Montserrat:300,400,500" rel="stylesheet">
06-09
- 第三个 link 元素引入了一个名为 "style.css" 的样式表文件，是自定义的样式表，用于定义页面中的类、标签的样式； - 第四个 link 元素引入了一个名为 "jquery.easy-gallery.css" 的样式表文件，用于应用图片展示...
评论 35
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YOLO大师

你的打赏，我的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值