8413


初質問です！

現在Java、Seasar2(SAStrats/S2JDBC)、JSP、PostgreSQLで  
DBを使ったWebアプリケーションを作っています。

そこで質問なのですが、  
結論から言うと  
  
  
**BootStrap3のテーマを今作っているアプリケーションに反映するにはどうしたらいいでしょうか？**  
  

ざっくりしすぎているので説明すると  
現在Bootstrap CDNを使ってBootstrap3をJSPに反映させ、ボタンやフォームなどを鮮やかなデザインにすることはできています。

次は画面全体的に鮮やかなデザインにしたく、Bootstrap3のテーマの使用を考えています。

しかし、調べても今の自分の環境に反映させる方法が見つかりません。

  
  
**方法そのもの、あるいは関連サイトなど教えて頂ける方がいればよろしくお願いします。**

* * *

これ(現状)を  
![現状](https://i.stack.imgur.com/RDO0J.png)  
↓  
こんな感じにしたい。こういうのを反映させたいです。  
![](https://i.stack.imgur.com/nPnbx.png)  
よろしくお願いします。


CC BY-SA 3.0
2015-03-26T01:47:28.400
8402
2015-03-26T08:11:20.053
2015-03-26T04:14:04.963
8982
8982
question
java html bootstrap jsp seaser2
BootStrap3のテーマを使うには？


適用したいBootstrap3のデザインのCSSやJavaScript、画像ファイルなどを入手してデザインが公開されているサイトの手順にあわせたディレクトリやファイルを配置するか、それらのソースを参照するURLを修正するかのどちらかになります。  
この手順はBootstrap3のデザインを適用されたときと全く同じです。

適用のさせ方がわからないのか、入手の方法がわからないのか、そもそも何らかのエラーが出ていて動かないのかわかりませんのでこれ以上明確な回答はできかねます。


CC BY-SA 3.0
2015-03-26T04:28:29.337
8413
2015-03-26T04:28:29.337
5778
8402
answer


**解決しました！！**

投稿したときより進捗は進んでいて  
ダウンロードしたテーマのテンプレートをうまくJSPに反映させることができない。  
という所で引っかかっていました。

しかし、次のような階層構造にするとJSPにimgファイルやcssファイルなどを読み込ませることができ、反映させることができました。

↓before  
![](https://i.stack.imgur.com/bRJQW.png)

↓after  
![](https://i.stack.imgur.com/FYVfc.png)

  
  
読み込めなかったのは  
**J2EEの「ブラウザからはWEB-INF以下が直接参照できない」という仕様**  
によるものでした。

なので **WEB-INFより上の階層にcssファイルなどを置く** と読み込ませることができたという訳です。  
  
  
あとはテンプレをダウンロードしたときのindex.htmlの書き方をjspに写すだけです。  
![](https://i.stack.imgur.com/Z2hVW.png)

そうすると自分のアプリにテンプレートを反映させることができました。  
![](https://i.stack.imgur.com/zmmdV.jpg)

あとはこれをログイン画面ぽく変えたいと思います。  
ご清聴ありがとうございました。


CC BY-SA 3.0
2015-03-26T08:11:20.053
8433
2015-03-26T08:11:20.053
8982
8402
answer