Bootstrap Form Issue
Example of Bootstrap form issue where resizing not working properly
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container fullscreen">
<div class="row">
<div class="col-md-6">
<fieldset>
<legend>Summary</legend>
<div class="row">
<div class="col-md-6">
<form class="form-horizontal">
<div class="form-group row">
<label class="control-label col-xs-4">Order #:</label>
<div class="col-xs-8">
<p class="form-control-static">test</p>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4">Status:</label>
<div class="col-xs-8">
<p class="form-control-static">test33</p>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4">Business:</label>
<div class="col-xs-8">
<p class="form-control-static">test</p>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4">Division:</label>
<div class="col-xs-8">
<p class="form-control-static">test</p>
</div>
</div>
</form>
</div>
<div class="col-md-6">
<form class="form-horizontal">
<div class="form-group">
<label class="control-label col-xs-4">Entered:</label>
<div class="col-xs-8">
<p class="form-control-static">test</p>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4">Salesperson:</label>
<div class="col-xs-8">
<p class="form-control-static">teasdf</p>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4">Coordinator:</label>
<div class="col-xs-8">
<p class="form-control-static">tes</p>
</div>
</div>
<div class="form-group">
<label...
CSS
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
margin: 10px;
}