WarFox/ace_editor_in_bootstrap_3_container.html

## ace_editor_in_bootstrap_3_container.html
<!DOCTYPE html>
<html lang="en">
<head>
   <title>ACE in Action</title>
<style type="text/css" media="screen">
   #editor {
       height: 300px;
   }
</style>
</head>
<body>
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
             <h3 class="panel-title">Editor</h3>
        </div>
        <div class="panel-body">
            <div id="editor">function foo(items) {
                var x = "All this is syntax highlighted";
                return x;
            }</div>
        </div>
    </div>
    <div class="text-center">---End of editor---</div>
</div>

<script src="/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.getSession().setMode("ace/mode/javascript");
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>ACE in Action</title>
	<style type="text/css" media="screen">
	#editor {
	height: 300px;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<div class="panel panel-default">
	<div class="panel-heading">
	<h3 class="panel-title">Editor</h3>
	</div>
	<div class="panel-body">
	<div id="editor">function foo(items) {
	var x = "All this is syntax highlighted";
	return x;
	}</div>
	</div>
	</div>
	<div class="text-center">---End of editor---</div>
	</div>

	<script src="/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
	<script>
	var editor = ace.edit("editor");
	editor.setTheme("ace/theme/monokai");
	editor.getSession().setMode("ace/mode/javascript");
	</script>
	</body>
	</html>