我已经从wrapbootstrap为我的Java Web应用程序下载了一个bootstrap主题。但我不知道如何开始。我已经在我的应用程序中添加了bootstrap css。但是我想删除它并需要添加新主题。
当我解压缩文件时,它有许多文件--JQuery和CSS。但CSS文件扩展为 .scss 。但是有一个 html 文件夹。里面有很多bootstrap和其他CSS和示例html文件。在html文件中,它包括它正在使用的所有CSS。那么我需要在我的JSP文件中导入吗?
这是主题中的html示例文件。
的index.html
<head>
<title>Flatty - Flat Administration Template</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<meta content='text/html;charset=utf-8' http-equiv='content-type'>
<meta content='Flat administration template for Twitter Bootstrap.' name='description'>
<link href='assets/images/meta_icons/favicon.ico' rel='shortcut icon' type='image/x-icon'>
<link href='assets/images/meta_icons/apple-touch-icon.png' rel='apple-touch-icon-precomposed'>
<link href='assets/images/meta_icons/apple-touch-icon-57x57.png' rel='apple-touch-icon-precomposed' sizes='57x57'>
<link href='assets/images/meta_icons/apple-touch-icon-72x72.png' rel='apple-touch-icon-precomposed' sizes='72x72'>
<link href='assets/images/meta_icons/apple-touch-icon-114x114.png' rel='apple-touch-icon-precomposed' sizes='114x114'>
<link href='assets/images/meta_icons/apple-touch-icon-144x144.png' rel='apple-touch-icon-precomposed' sizes='144x144'>
<!--[if lt IE 9]>
<script src="assets/javascripts/html5shiv.js" type="text/javascript"></script>
<![endif]-->
<!-- / bootstrap [required files] -->
<link href="assets/stylesheets/bootstrap/bootstrap.css" media="all" rel="stylesheet" type="text/css" />
<link href="assets/stylesheets/bootstrap/bootstrap-responsive.css" media="all" rel="stylesheet" type="text/css" />
<!-- / jquery ui -->
<link href="assets/stylesheets/jquery_ui/jquery.ui-1.10.0.custom.css" media="all" rel="stylesheet" type="text/css" />
<link href="assets/stylesheets/jquery_ui/jquery.ui.1.10.0.ie.css" media="all" rel="stylesheet" type="text/css" />
<!-- / switch buttons -->
<link href="assets/stylesheets/plugins/bootstrap_switch/bootstrap-switch.css" media="all" rel="stylesheet" type="text/css" />
<!-- / xeditable -->
<link href="assets/stylesheets/plugins/xeditable/bootstrap-editable.css" media="all" rel="stylesheet" type="text/css" />
<link href="assets/stylesheets/plugins/common/bootstrap-wysihtml5.css" media="all" rel="stylesheet" type="text/css" />
<!-- / wysihtml5 (wysywig) -->
<link href="assets/stylesheets/plugins/common/bootstrap-wysihtml5.css" media="all" rel="stylesheet" type="text/css" />
<!-- / jquery file upload -->
<link href="assets/stylesheets/plugins/jquery_fileupload/jquery.fileupload-ui.css" media="all" rel="stylesheet" type="text/css" />
<!-- / full calendar -->
<link href="assets/stylesheets/plugins/fullcalendar/fullcalendar.css" media="all" rel="stylesheet" type="text/css" />
<!-- / select2 -->
<link href="assets/stylesheets/plugins/select2/select2.css" media="all" rel="stylesheet" type="text/css" />
<!-- / mention -->
<link href="assets/stylesheets/plugins/mention/mention.css" media="all" rel="stylesheet" type="text/css" />
<!-- / tabdrop (responsive tabs) -->
<link href="assets/stylesheets/plugins/tabdrop/tabdrop.css" media="all" rel="stylesheet" type="text/css" />
<!-- / jgrowl notifications -->
<link href="assets/stylesheets/plugins/jgrowl/jquery.jgrowl.min.css" media="all" rel="stylesheet" type="text/css" />
<!-- / datatables -->
<link href="assets/stylesheets/plugins/datatables/bootstrap-datatable.css" media="all" rel="stylesheet" type="text/css" />
<!-- / dynatrees (file trees) -->
<link href="assets/stylesheets/plugins/dynatree/ui.dynatree.css" media="all" rel="stylesheet" type="text/css" />
<!-- / color picker -->
<link href="assets/stylesheets/plugins/bootstrap_colorpicker/bootstrap-colorpicker.css" media="all" rel="stylesheet" type="text/css" />
<!-- / datetime picker -->
<link href="assets/stylesheets/plugins/bootstrap_datetimepicker/bootstrap-datetimepicker.min.css" media="all" rel="stylesheet" type="text/css" />
<!-- / daterange picker) -->
<link href="assets/stylesheets/plugins/bootstrap_daterangepicker/bootstrap-daterangepicker.css" media="all" rel="stylesheet" type="text/css" />
<!-- / flags (country flags) -->
<link href="assets/stylesheets/plugins/flags/flags.css" media="all" rel="stylesheet" type="text/css" />
<!-- / slider nav (address book) -->
<link href="assets/stylesheets/plugins/slider_nav/slidernav.css" media="all" rel="stylesheet" type="text/css" />
<!-- / fuelux (wizard) -->
<link href="assets/stylesheets/plugins/fuelux/wizard.css" media="all" rel="stylesheet" type="text/css" />
<!-- / theme files [required files] -->
<link href="assets/stylesheets/light-theme.css" media="all" id="color-settings-body-color" rel="stylesheet" type="text/css" />
<link href="assets/stylesheets/theme-colors.css" media="all" rel="stylesheet" type="text/css" />
<link href="assets/stylesheets/demo.css" media="all" rel="stylesheet" type="text/css" />
</head>
在每个其他页面中它都有类似的导入。在我的JSP中我还需要像这样导入吗?
答案 0 :(得分:0)
我得到了答案。
问题是我正在使用struts2 Web应用程序。我在那里添加了一个过滤器来处理每个请求。在那里我想忽略js,css和字体类型。现在它正在运作