优秀的WEB前端开发框架:Bootstrap!

简介: 其实早就对Bootstrap有所耳闻,大概了解这哥们是做WEB前端的 但直到昨天以前,还没有对他产生任何深入了解的兴趣 冷落他的主要原因还是觉得会束缚手脚,毕竟自己多年来在WEB前端的积累一直没有停滞,在这方面还没有感受到多少压力,换句话说,觉得自己还是有点倚仗的 就在昨天,一个好哥们请我帮忙...

其实早就对Bootstrap有所耳闻,大概了解这哥们是做WEB前端的

但直到昨天以前,还没有对他产生任何深入了解的兴趣

冷落他的主要原因还是觉得会束缚手脚,毕竟自己多年来在WEB前端的积累一直没有停滞,在这方面还没有感受到多少压力,换句话说,觉得自己还是有点倚仗的

就在昨天,一个好哥们请我帮忙给做个他们内部用的小网站,要求用电脑和手机都可以正常使用

电脑用当然OK,不过要兼容手机却让我有点小兴奋,毕竟以前还没有做过真正的手机端WEB应用,正好借这个机会锻炼一下

由于是独立的网站,可以完全放开手脚弄点新鲜的,当时就想起了Bootstrap,他的响应式特性还是给我留下了很深的印象

接着就按照Bootstrap文档做了一个Nav导航效果,看着不错,反色效果,很酷:

 

然后,调整浏览器的宽度,变小一些,模拟手机端的效果:

 

果然发生了变化,而且效果超好,这就是响应式布局的手段吗

导航菜单由原来的水平平铺变成了垂直下拉,点击右上角的按钮可以控制下拉菜单进行显隐

就是这个初步的体验,就觉得非常有必要对Bootstrap进行认真的、深入的了解和学习

 

把关于Bootstrap相关的几个地址保留一下,这些都是进入Bootstrap世界的钥匙:

1、Bootstrap中文网:http://www.bootcss.com

2、Bootstrap v3 中文文档:http://v3.bootcss.com

3、w3cschool上的Bootstrap入门教程:http://www.w3cschool.cc/bootstrap/bootstrap-tutorial.html

4、aehyok老兄写的Bootstrap学习笔记:http://www.cnblogs.com/aehyok/p/3381651.html


宠辱不惊,看庭前花开花落;去留无意,望天上云卷云舒
目录
相关文章
|
10天前
|
前端开发 JavaScript API
现代前端开发中的Web组件化设计与实践
在现代前端开发中,Web组件化已经成为了一个关键的设计思想和实践方法。本文探讨了Web组件化的概念、优势以及如何在实际项目中进行设计和应用。通过分析实例和最佳实践,展示了如何利用组件化开发提升前端开发效率和代码可维护性,同时也解决了在大型项目中常见的代码重用和团队协作问题。
|
12天前
|
前端开发 JavaScript 开发者
三大微前端框架,谁是你的理想型?
【7月更文挑战第4天】React、Vue和Angular在微前端领域表现出色,各具优势。React以其组件化和高效生态受青睐,Vue以简洁和渐进式设计赢得人心,Angular则凭借全面功能和类型系统脱颖而出。选择框架需考虑项目需求、团队技能及技术栈兼容性。例如,React组件可通过虚拟DOM高效管理状态,Vue组件易于集成,而Angular组件利用模块化和依赖注入支持独立部署,但学习成本较高。每个框架的组件示例展示了其在微前端中的应用潜力。最终选择无定论,关键在于适应性。
18 2
|
2天前
|
资源调度 前端开发 JavaScript
|
3天前
|
安全 API 数据库
Django/Flask不只是框架,它们是你Web开发路上的超级英雄!
【7月更文挑战第14天】Django与Flask,Python Web开发的双雄。Django提供全面功能,如ORM、模板引擎,适合大型项目;Flask轻量灵活,适用于快速迭代的定制化应用。Django示例展示ORM简化数据库操作,Flask示例演示构建RESTful API的便捷。两者各有所长,为开发者创造无限可能。**
|
7天前
|
存储 JavaScript 前端开发
WEB三大主流框架之Angular
WEB三大主流框架之Angular
|
7天前
|
存储 JavaScript 前端开发
WEB三大主流框架之Vue.js
WEB三大主流框架之Vue.js
|
7天前
|
XML 前端开发 JavaScript
WEB三大主流框架之React
WEB三大主流框架之React
|
14天前
|
存储 JavaScript 安全
深入理解与应用:在Web框架中高效管理环境变量
【7月更文挑战第3天】本文阐述了在Web开发中使用环境变量的重要性,如增强安全性和灵活性,并以Django、Flask和Express为例展示了如何管理这些变量。通过`os.environ`或特定库,开发者可以从环境中读取配置,避免敏感信息硬编码。最佳实践包括最小权限、加密、默认值、文档化和环境隔离,确保项目安全和易维护。
35 0
|
20天前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
|
20天前
|
前端开发 安全 NoSQL
技术笔记:Security前端页面配置
技术笔记:Security前端页面配置