title: How to display 5 inputs in 1 row on a page with a custom width in bootstrap
body: <p>I want to have 5 inputs in 1 row on a page with a custom width, for example: the amount input should be smaller and the offer input should be bigger I am trying but I do not understand how to do this. I tried adding 5 columns and then added col-lg-2 class to the inputs I want small and col-lg-4 to the ones I want bigger, it looks good but the submit button is not shown in the same row. any ideas? how to do this?</p>
  
  <p>Here's the code I use</p>
  
  <pre><code>  &lt;div class="container-fluid"&gt;
        &lt;div class="row"&gt;
            &lt;div class="col-lg-2"&gt;
              &lt;div class="form-group"&gt;
                &lt;input class="search-form-amount form-control" name="amount" placeholder="Amount" type="text"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-lg-2"&gt;
              &lt;div class="form-group"&gt;
                &lt;select class="search-form-currency form-control"&gt; 
                  &lt;option value="AED"&gt;AED&lt;/option&gt;
                  &lt;option value="AFN"&gt;AFN&lt;/option&gt;
                  &lt;option value="ALL"&gt;ALL&lt;/option&gt;
                  &lt;option value="AMD"&gt;AMD&lt;/option&gt;
                  &lt;option value="ANG"&gt;ANG&lt;/option&gt;
                  &lt;option value="AOA"&gt;AOA&lt;/option&gt;
                  &lt;option value="ARS"&gt;ARS&lt;/option&gt;
                  &lt;option value="AUD"&gt;AUD&lt;/option&gt;
                  &lt;option value="AWG"&gt;AWG&lt;/option&gt;
                  &lt;option value="AZN"&gt;AZN&lt;/option&gt;
                  &lt;option value="BAM"&gt;BAM&lt;/option&gt;
                &lt;/select&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-lg-4"&gt;
              &lt;div class="form-group"&gt;
                &lt;select class="search-form-currency form-control"&gt; 
                  &lt;option value="BQ"&gt;Bonaire, Sint Eustatius and Saba&lt;/option&gt;
                  &lt;option value="AL"&gt;Albania&lt;/option&gt;
                  &lt;option value="DZ"&gt;Algeria&lt;/option&gt;
                  &lt;option value="AS"&gt;American Samoa&lt;/option&gt;
                  &lt;option value="AD"&gt;Andorra&lt;/option&gt;
                  &lt;option value="AO"&gt;Angola&lt;/option&gt;
                  &lt;option value="AI"&gt;Anguilla&lt;/option&gt;
                  &lt;option value="AQ"&gt;Antarctica&lt;/option&gt;
                  &lt;option value="AG"&gt;Antigua and Barbuda&lt;/option&gt;
                &lt;/select&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-lg-4"&gt;
              &lt;div class="form-group"&gt;
                &lt;select class="search-form-currency form-control"&gt; 
                  &lt;optgroup label="All payment methods"&gt;
                    &lt;option value="ALL_ONLINE"&gt;All online offers&lt;/option&gt;
                    &lt;option value="NATIONAL_BANK"&gt;National bank transfer&lt;/option&gt;
                    &lt;option value="SEPA"&gt;SEPA (EU) bank transfer&lt;/option&gt;
                    &lt;option value="SPECIFIC_BANK"&gt;Transfers with specific bank&lt;/option&gt;
                    &lt;option value="INTERNATIONAL_WIRE_SWIFT"&gt;International Wire (SWIFT)&lt;/option&gt;
                    &lt;option value="OTHER"&gt;Other online payment&lt;/option&gt;
                    &lt;option value="CASH_DEPOSIT"&gt;Cash deposit&lt;/option&gt;
                    &lt;option value="ECOCASH"&gt;EcoCash&lt;/option&gt;
                  &lt;/optgroup&gt;  
                &lt;/select&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-lg-2"&gt;
              &lt;div class="form-group"&gt;
                &lt;input type="submit" name="find-offers" value="Search" class="btn btn-primary"&gt;
              &lt;/div&gt;
            &lt;/div&gt;                                                            
        &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The Result I'm getting: </p>
  
  <p><a href="https://i.stack.imgur.com/PADNj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PADNj.png" alt="enter image description here"></a></p>
  
  <p>What I'm trying to achieve:</p>
  
  <p><a href="https://i.stack.imgur.com/9JWKY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9JWKY.png" alt="enter image description here"></a></p>