title: How to control size of select tag in bootstrap
body: <p>I have a form which has two text boxes in the top followed by two select tags below them . Below is the code. How can I modify the width for the select tags so that they align with the text boxes above.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;form class="form-inline"&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="sr-only" for="Title"&gt;Title&lt;/label&gt;
                  &lt;input type="text" class="form-control" name='p_Title' value='' ng-model="reports.title" class='requiredAttribute' placeholder="Title"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="sr-only" for="subTitle"&gt;Sub Title&lt;/label&gt;
                  &lt;input type="text" class="form-control" name='p_SubTitle' value='' ng-model="reports.subtitle" class='requiredAttribute' placeholder="Sub Title"&gt;
    &lt;/div&gt;  &lt;/form&gt;
   &lt;br&gt;
   
   &lt;form class="form-inline"&gt;
    &lt;div class="form-group"&gt;
      &lt;select class="form-control" name="category"&gt;
                  &lt;option value=""&gt;&lt;/option&gt;
                  &lt;option value="0"&gt;select1&lt;/option&gt;
                  &lt;option value="1"&gt;select2&lt;/option&gt;
                  &lt;option value="2"&gt;select3&lt;/option&gt;
              &lt;/select&gt;      
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
    &lt;select class="form-control" name="category"&gt;
                  &lt;option value=""&gt;&lt;/option&gt;
                  &lt;option value="0"&gt;select1&lt;/option&gt;
                  &lt;option value="1"&gt;select2&lt;/option&gt;
                  &lt;option value="2"&gt;select3&lt;/option&gt;
              &lt;/select&gt;      
    &lt;/div&gt;
    &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>