anchor.diff:  		</nav>
   
   		<div class="row">
  -			<div class="col-md-4"></div>
  -			<div class="col-md-4 text-center">
  +			<div class="col-md-2"></div>
  +			<div class="col-md-8 text-center">
   				<div id="connect-container">
   					<div>
   						<button id="connect" onclick="connect();">Connect</button>
  
positive.code: <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Index</title>
  <link rel="stylesheet"
  	href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <link rel="stylesheet"
  	href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
  </head>
  <style type="text/css">
  #connect-container {
  	float: left;
  	width: 400px
  }
  #connect-container div {
  	padding: 5px;
  }
  #console-container {
  	float: left;
  	margin-left: 15px;
  	width: 400px;
  }
  #console {
  	border: 1px solid #CCCCCC;
  
negative.code: 			alert('WebSocket connection not established, please connect.');
  		}
  	}
  	
  	//展示聊天信息
  	function log(message) {
  		$('#convo ul').append("<li>"+message+"</li>")
  		$("#convo-ul").scrollTop($("#convo-ul")[0].scrollHeight);
  	}
  </script>
  </body>
  </html>