一般而言,程序员对于CSS只是了解或者熟悉,很少能够熟练使用或者精通的。比较前端和后端差别还是很大的,同时精通前端和后端的程序员极少,这也是为什么需要美工存在的原因,但是有了大名鼎鼎的Bootstrap框架之后,及时没有了美工,程序员也是可以做成比较漂亮的前端页面的。
Bootstrap官方网址为:http://getbootstrap.com/。
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Bootstrap使用CSS为我们定义好了许多十分常用的样式,我们在页面上引入了bootstrap的类库之后,就可以在页面上使用它已经帮我们定义好的各种样式来美化我们的页面。
引入方法,十分简单:
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="bootstrap/js/jquery-1.11.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
因为bootstrap是基于jquery的,所以也要引入jquery的类库。
引入了之后,需要使用到哪个样式,可以到:http://getbootstrap.com/css/ 页面上进行查找,该页面对Boostrap使用的网格布局系统,form, table, ul,ol,li,button,img.....等等,都有详细的例子,我们只要依葫芦画瓢就可以加以利用,
另外在页面:http://getbootstrap.com/components/ 中,还提供了各种小图片标签,如何使用;以及下拉菜单Dropdowns,组合button,都有详细的案例说明。
程序员有了Bootstrap,即使在没有美工,也可以做出相当专业的前端页面出来,是程序员居家旅行必备之良药!!
Enjoy it.
分享到:
相关推荐
BootStrap是基于HTML、CSS和JavaScript的框架,使你只需要写简单的代码就可以很快的搭建一个还不错的前端框架,他是后端程序员的福音,使他们只需要专注业务逻辑,而无须浪费太多的精力在界面设计上。 它可以开发全...
【Java初级程序员练习项目4——足球网】 这个项目旨在帮助初学者通过实践加深对Java编程语言的理解,同时学习如何构建一个简单的Web应用程序。在“足球网”项目中,你将有机会运用到Java的基础知识,包括类、对象、...
8. **前端界面**:使用HTML、CSS和JavaScript(可能结合Bootstrap或Vue.js等库)创建用户友好的界面,实现页面动态交互。 9. **测试**:对各个功能进行单元测试和集成测试,确保代码质量。JUnit和Mockito等工具可以...
开发者可能会使用Bootstrap或自定义CSS框架来快速构建响应式的用户界面,确保游戏在不同设备上都能正常运行。 CSS部分则可能涉及各种粽子、角色、背景等游戏元素的样式设计,通过CSS3的动画效果,如变换、过渡和...
例如,“JS、Jquery、css、springMVC、hibernate、bootstrap、EasyUI、jquery、html5、ECharts、EL 表达式”。 5. **项目经验**:阐述参与的项目,项目简介、个人职责以及使用的技术。模板中的两个项目——“二手车...
5. bootstrap:Bootstrap是一个流行的开源前端框架,包含了CSS和JS组件,能够快速构建响应式和移动优先的网站。虽然标题没有直接提到Bootstrap,但考虑到自适应布局和汉堡菜单,它可能是实现这些功能的工具之一。 ...
此外,她还熟悉前端技术,如HTML5、CSS3、JavaScript和BootStrap,这些技能让她能够准确地将网页设计图转化为实际的交互式页面。\n\n在个人技能方面,她强调自己热爱新技术的探索,具备自主项目开发能力。在过去的...
使用Bootstrap或其他前端框架,可以确保网站在不同设备上具有良好的显示效果。 通过分析这个"电子商务网络书店"的源码,我们可以学习到如何在ASP.NET环境中实现一个完整的电商系统,包括商品展示、购物车、支付、...
首先,我们来深入理解一下这个主题的核心技术——Bootstrap。Bootstrap是由Twitter开发的一个开源的前端开发框架,它提供了一系列预先设计的CSS样式、JavaScript组件和HTML5模板,以简化网页的构建过程。Bootstrap的...
Bootstrap是由Twitter开发并开源的一个前端框架,它集成了HTML、CSS和JavaScript,旨在使网页设计变得更加简单、快速。Bootstrap提供了响应式布局,意味着无论用户使用桌面、平板还是手机访问,网站都能自适应屏幕...
鉴于现代网站需兼容多种设备,SoCUT新闻系统可能采用了响应式设计,通过CSS3媒体查询和Bootstrap框架确保在不同屏幕尺寸上都能良好展示。 8. **部署与配置** 开源版本可能包括了部署到IIS服务器的说明,以及如何...
- **HTML/CSS/JavaScript**:构建用户界面,利用Bootstrap或其他前端框架美化布局。 - **jQuery**:简化DOM操作和AJAX请求,与后台进行交互。 - ** Knockout.js 或 AngularJS**:可选的MVVM(Model-View-...
5. **前端技术**:虽然主要关注后端源码,但前端也可能使用了HTML、CSS和JavaScript,可能还包括jQuery、Bootstrap等库来提升用户体验。 6. **部署与配置**:了解如何配置IIS(Internet Information Services)或者...
9. **前端界面**:使用HTML、CSS和JavaScript构建用户友好的界面,可能利用Bootstrap、Vue.js等现代前端框架提升用户体验。 10. **SEO优化**:为了提高搜索引擎排名,商城系统需要考虑关键词优化、元标签设置、URL...
《WordPress与Bootstrap结合的UI界面主题——Buddy v1.3.1》 在Web开发领域,WordPress作为一款强大的开源内容管理系统(CMS),被广泛应用于各类网站的建设。同时,Bootstrap作为最流行的前端开发框架,以其响应式...
- Bootstrap或Materialize CSS等框架可以帮助快速创建响应式布局,适应不同设备的显示。 **安全性**: - 在电子商务应用中,数据安全至关重要。Python库如PyJWT用于实现JSON Web Tokens(JWT)进行身份验证,bcrypt...
6. **前端框架**:虽然源码没有明确提到使用哪种框架,但现代的响应式设计通常会利用Bootstrap、Vue.js、React或Angular等前端框架,这些框架提供预设的样式和组件,简化开发流程并保证兼容性。 7. **CSS预处理器**...
【标题】"黑马最新资源"所提及的"黑马"通常是指国内知名编程教育机构——黑马程序员,他们专注于IT技术培训,提供丰富的学习资料和课程。这个压缩包文件很可能包含了黑马程序员近期更新的开发技术资源,旨在帮助学员...
* 了解Bootstrap、AngularJS、jQueryMobile等框架,了解XML、HTTP协议、Ajax异步请求等。 * 了解Apache服务器、MySQL数据库,可以编写基本的PHP测试页面,对前端OOP、MVC有一定认识。 项目经验 * 项目名称:模拟...