发布于 2017-08-28 08:17:30 | 46 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Bootstrap入门,程序狗速度看过来!

Bootstrap Web前端CSS框架

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。


本文分步骤给大家介绍bootstrap在jsp中的应用,本文分步骤给大家介绍的非常详细,具有参考借鉴价值,需要的朋友参考下

下载bootstrap的js,css文件:

在jsp中的应用:

第一步:

新建一个web项目

将bootstrap下载下来的文件放入WEB-INF下面的,lib目录下,新建一个bootstrap文件:

第二步:

新建一个index.jsp文件,引入所使用的css.js和bootstrap的:

注意这里的要缓存<!DOCTYPE html>

<html lang="zh-CN">

第三步:

在body中载入需要的组件:

运行在tomcat服务器上:

效果如图:

第四步:tomcat的8080端口被占用,修改tomcat的文件:

然后重启eclipse即可。

在java的项目中运行时添加需要的tomcat即可。

以上所述是小编给大家介绍的BootStrap在jsp中的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对phperz胜博发888手机平台的支持!



相关阅读 :
BootStrap在jsp中的使用
浅析Bootstrap验证控件的使用
Bootstrap carousel轮转图的使用实例详解
浅析BootStrap模态框的使用(经典)
全面解析Bootstrap表单样式的使用
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
全面解析Bootstrap中Carousel轮播的使用方法
全面解析Bootstrap中tooltip、popover的使用方法
全面解析Bootstrap中transition、affix的使用方法
全面解析Bootstrap中form、navbar的使用方法
全面解析Bootstrap中nav、collapse的使用方法
最新网友评论  共有(0)条评论 发布评论 返回顶部
月排行榜

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  服务