On my page, I have a grey section with the heading 'Start Analysis' that needs to be shifted to the left along with all its contents. How can this be achieved?
The HTML code for the section is as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script type=text/javascript src="/static/js/jquery.js"></script>
<script src="/static/js/bootstrap.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="/about">About Us</a></li>
<li><a href="/select_doc">Detect Suspicious Passage(s)!</a></li>
<li><a href="/help">Help</a></li>
</ul>
</div>
</nav>
<div class="container" xmlns="http://www.w3.org/1999/html">
<h1>Start Analysis</h1>
<div class="jumbotron">
<div class="form-group">
<form action='/view_doc'>
<div class="form-group">
<label for="usr">Select Doc:</label>
<select name="doc">
<!-- list of options -->
</select>
</div>
<br>
<div class="form-group">
<h3>Style Model</h3>
<!-- Additional elements for style model loading option -->
</div>
<br>
<div class="form-group">
<label>Stylistic Feature(s):</label>
<select id="features" name="features" multiple></select>
</div>
<br>
<div class="form-group">
<label>Clustering Method:</label>
<select name="cluster_method">
<!-- clustering method options -->
</select>
No. of cluster:
<select name="k">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<!-- More form fields and interactions -->
<div class="btn btn-default">
<input type='submit' value='Go'>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
I'm currently using bootstrap-min 3.0.0. Existing solutions haven't worked for transferring text and images in my case. Any help would be appreciated.