div class="container">

<div class=" clearfix">

<div class="calc col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
<h2>Love Calculator</h2>
<h5>Input two peoples names to calculate the love....</h5>
<form role="form" class="form-horizontal">
<div class="form-group">
<input type="text" class="form-
control" name="names" placeholder="Name One" />
</div>
<div class="form-group">
<input type="text" class="form-
control" name="names" placeholder="Name Two" />
</div>
<div class="form-group">
<button class="btn btn-danger pull-
right" type="submit" id="submit">Calculate</button>
</div>
</form>
<p id="warning" class="text-danger"></p>
<h1 id="result" class="text-center"></h1>
</div>
</div>
</div>