Java 웹 응용 프로그램에 대한 wrapbootstrap의 부트 스트랩 테마를 다운로드했습니다. 하지만 어떻게 시작해야할지 모르겠다. 이미 응용 프로그램에 부트 스트랩 CSS를 추가했습니다. 그러나 나는 그것을 제거하고 새로운 테마를 추가 할 필요가 있습니다.Java 웹 응용 프로그램 용 wrapbootstrap
파일을 압축 해제하면 JQuery 및 CSS 파일이 많습니다. 그러나 CSS 파일은 .scss으로 확장됩니다. 그러나 하나의 html 폴더가 있습니다. 그 안에는 많은 부트 스트랩과 다른 CSS 및 예제 HTML 파일도 있습니다. html 파일에는 사용중인 모든 CSS가 포함됩니다. 그래서 내 JSP 파일에서 가져올 필요가 있습니까?
테마의 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>
그리고 각각 다른 페이지에서 비슷한 수입을 가지고
index.html을. 내 JSP 에서이 같은 가져올 필요가 있습니까?