初めまして。
Webアプリケーション開発経験0の初心者です。
似たような事例を探したのですが、解決できずお力添えいただきたいと思い質問させていただきました。
###前提・実現したいこと
JavaサーブレットとJSPで開発しているWebアプリケーションでうまくブラウザ表示をさせたいです。
CSSはBootstrapを使用しています。
###発生している問題・エラーメッセージ
eclipse内のブラウザとIEではうまく表示されるのですが、
ChromeとfirefoxではCSSが抜けて表示されてしまいます。
###該当のソースコード
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE html> <html> <head> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> <title>login</title> </head> <body> <h1 class="bg-primary">HOME</h1><br><br><br><br><br><br><br> <div class="form-horizontal"> <div id= "form-login" > <form method="post" action="/Home"> <div class="form-group"> <input type="text" id="id" class=”form-control” name="id" placeholder="id"> </div> <div class="form-group"> <input type="password" id="password" class=”form-control” name="password" placeholder="password"> </div> <div class="form-group"> <input type="submit" id="authentication" class="btn btn-success btn-lg" name="authentication" value="Login"> </div> </form> </div> </div> </body> </html>
###試したこと
似たような事例の検索
質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
回答1件
あなたの回答
tips
プレビュー