前端开发工具(插件)

  • A+
所属分类:Django 网站部署

Bootstrap

  在众多插件中,Bootstrap是用得最多、功能最强大的。Bootstrap是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。

  使用时需要在HTML代码的<head></head>标签中导入     文件路径/bootstrap-3.3.7-dist/css/bootstrap.min.css

<head>
    <meta charset="UTF-8">
    <title>title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
</head>

也可用CDN的形式:

<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 
<link href="https://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">

使用方法详见官网链接:http://v3.bootcss.com/   

中文全汉化网站:http://www.bootcss.com/

FontAwesome

  FontAwesome是一个拥有海量图标的网站,虽然Bootstrap中已经有非常多的图标供我们使用,但仍有捉襟见肘的时刻,FontAwesome可以很好的帮助我们解决图标不够用的问题。同理使用前需下载好文件并进行导入

  FontAwesome中文网:http://www.fontawesome.com.cn/faicons/

SweetAlert系列

  SweetAlert是一项对原生JS中的alert加以美化的工具,有SweetAlert2和SweetAlert22两个版本。

  现在多用SweetAlert2,下载及教程地址:https://sweetalert2.github.io/   

中文:http://mishengqiang.com/sweetalert/

  SweetAlert 到 SweetAlert2 升级指南

使用前记得引入<script src="sweetalert2/sweetalert2.js"></script>

也可用CDN形式:

<script src="https://cdn.bootcss.com/sweetalert/2.1.0/sweetalert.min.js"></script>

  • 我的微信
  • 欢迎大家,与我交流,非诚勿扰谢谢
  • weinxin
  • 奕知伴解 微信公众号
  • 扫一扫关注,从此不迷路。
  • weinxin
刘銮奕

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: