Width of inputs in inline form - Bootstrap 4
<p>Good morning,
I am trying to set up a inline form with inputs of different widths using Bootstrap 4. I have tried the different options available here: <a href="http://v4-alpha.getbootstrap.com/components/forms/" rel="noreferrer">http://v4-alpha.getbootstrap.com/components/forms/</a>.</p>

<p>This is as far as I went:</p>

<pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
        &lt;div class="col-xs-1"&gt;
            &lt;label for="exampleInputName2" class="col-form-label"&gt;Name&lt;/label&gt;
        &lt;/div&gt;
        &lt;div class="col-xs-2"&gt;
            &lt;input type="text" class="form-control" placeholder=".col-xs-2"&gt;
        &lt;/div&gt;
        &lt;div class="col-xs-3"&gt;
            &lt;input type="text" class="form-control" placeholder=".col-xs-3"&gt;
        &lt;/div&gt;
        &lt;div class="col-xs-4"&gt;
            &lt;input type="text" class="form-control" placeholder=".col-xs-4"&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt; 
</code></pre>

<p>But I am not using any form classes or tags.</p>

<p>----------------  EDIT ------------------------</p>

<p>To be more specific, how would you specify the widths of labels and inputs in this example coming from the Bootstrap 4 website?</p>

<pre><code>&lt;form class="form-inline"&gt;
  &lt;div class="form-group"&gt;
    &lt;label for="exampleInputName2"&gt;Name&lt;/label&gt;
    &lt;input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    &lt;label for="exampleInputEmail2"&gt;Email&lt;/label&gt;
    &lt;input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com"&gt;
  &lt;/div&gt;
  &lt;button type="submit" class="btn btn-primary"&gt;Send invitation&lt;/button&gt;
&lt;/form&gt;
</code></pre>

<p>Any good and simple example would be welcome.</p>

<p>Thanks</p>

<p>Sylvain</p>