title: How to create dependent dropdown list side by side with an add option
body: <p>I want to add 2 dropdowns list side by side. Like first dropdown for skills like HTML5,CSS3,JS,PHP etc and 2nd dropdown for levels like begineer,advanced,expert etc. I also want to have an add button so i can keep on adding more skills. Below code helps me to add 2 buttons but vertically instead of aide by side. But I want to know how to have an add button.</p>
  
  <pre><code>&lt;label for="skills"&gt;Skills&lt;/label&gt;
  &lt;div id="example1" class="bs-docs-example"&gt;
  &lt;select class="step1"&gt;
  &lt;option value=""&gt;Please select an option&lt;/option&gt;
  &lt;option&gt;Option1&lt;/option&gt;
  &lt;option&gt;Option2&lt;/option&gt;
  &lt;option&gt;Option3&lt;/option&gt;
  &lt;option&gt;Option4&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;label for="skills"&gt;Level&lt;/label&gt;
  &lt;div id="example2" class="bs-docs-example1"&gt;
  &lt;select class="step2"&gt;
  &lt;option value=""&gt;option&lt;/option&gt;
  &lt;option&gt;Option5&lt;/option&gt;
  &lt;option&gt;Option6&lt;/option&gt;
  &lt;option&gt;Option7&lt;/option&gt;
  &lt;option&gt;Option8&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>