Bootstrap是由Twitter推出的一个用于前端开发的开源工具包,由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一套简洁直观、功能强悍的前端开发框架,可以编写灵活、稳定、高质量的HTML和CSS代码,使web开发变得更加迅速和简单。
如果您的WordPress网站想做成自适应的,使用Bootstrap框架是个不错的选择。
为什么使用Bootstrap?
- 使用简单:Bootstrap 已经搭建好了实现自适应的基础框架,并且非常容易修改。如果你是一个初初学者,Bootstrap能够让你在非常短的时间内上手。
- 兼容性好:所有的主流浏览器都已支持。
- 丰富的组件:Bootstrap 的HTML组件和Js组件非常丰富,而且代码非常简洁,特别易于修改,极大地提升了工作效率。
当然使用Bootstrap并不能帮助您完成所有事情,因为它只是一个的框架,在这个框架的基础上您可以任意的发挥。
如何使用Bootstrap?
1. 下载Bootstrap框架
点击此处下载
Bootstrap框架的结构如下:
2. 引入Bootstrap样式和JS,使用代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML with Bootstrap</title> <!-- compiled and minified CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="css/bootstrap-theme.min.css"> </head> <body> <h1>Welcome Bootstrap</h1> <!-- compiled and minified JavaScript --> <script type="text/javascript" src="js/bootstrap.min.js"></script> </body> </html> |
如果您对Bootstrap感兴趣,可以点击下方的网站学习更多关于Bootstrap方面的知识。
Bootstrap中文网