anchor.diff:  		<div class="row">
   			<div class="col-md-4"></div>
   			<div class="col-md-4 text-center">
  -				Hello world.
  +				<div id="connect-container">
  +					<div>
  +						<button id="connect" onclick="connect();">Connect</button>
  +						<button id="disconnect" disabled="disabled" onclick="disconnect();">Disconnect</button>
  +					</div>
  +					<div>
  +						<textarea id="message" style="width: 350px">Welcome to you!</textarea>
  +					</div>
  +					<div>
  +						<button id="echo" onclick="echo();" disabled="disabled">Send</button>
  +					</div>
  +				</div>
  +				<div id="console-container">
  +					<div id="console"></div>
  +				</div>
   			</div>
   			<div class="col-md-4"></div>
   		</div>
  
positive.code: 
  	<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
  	<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  </body>
  </html>
negative.code: <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;
  	border-right-color: #999999;
  	border-bottom-color: #999999;
  	height: 170px;
  	overflow-y: scroll;
  	padding: 5px;
  	width: 100%;
  }
  #console p {
  	padding: 0;
  	margin: 0;
  }
  </style>
  <body>
  
  	<div class="container-fluid">
  