IEでは表示されるのにChromexではCSSが適応されない。

初めまして。
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>