Form inline/horizontal mixed text inbetween inputs

[WillemS]

Hi,

i am struggling to set up a form layout using Bootstrap 3. Especially the third line where there are three inputs with a '/' between them and on the same line.

So far i have this:

The line with INLINE! works, but extends past the rest of the inputs. also the first input needs to be a different size as the second and third input in the line (see screenshot). Now they are all the same size. How can I fix this? 

    <form role="form" class="form-horizontal">


      <div class="row">
          <div class="col-sm-6">
            <h3 class="page-header">Geconstateerd door</h3>
          </div>
      </div>
 
      <div class="form-group ">

        <label class="col-sm-1" for="inputNameEmployee">Naam</label>
        <div class="col-sm-2">
          <select class="form-control" id="inputNameEmployee">
            <option value="Naam melder">Naam melder</option>
            <option value="9231~1">Aasd dven</option>
     
          </select>
        </div>


        <label class="col-sm-1" for="inputNameDepartment">Afdeling</label>
        <div class="col-sm-2">
          <select class="form-control" id="inputNameDepartment">
            <option value="Uw afdeling">Uw afdeling</option>
            <option value="25">dsds</option>
            <option value="13">dsds</option>
 
          </select>
        </div>


      </div>

      <div class="form-group">
        <div class="col-sm-6">
          <label  >Ben je ook veroorzaker?</label>
          <label class="radio-inline radio-no-padding-top">
            <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> Ja
          </label>
          <label class="radio-inline radio-no-padding-top">
            <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> Nee
          </label>
        </div>
      </div>

      <div class="row">
          <div class="col-xs-2">
              <input type="text" class="form-control" placeholder=".col-xs-3">  <label>/</label>
          </div>
         
          <div class="col-xs-1">
              <input type="text" class="form-control" placeholder=".col-xs-4">  <label>/</label>
          </div>
          <div class="col-xs-1">
              <input type="text" class="form-control" placeholder=".col-xs-5">
          </div>
      </div>

      <div class="form-inline">
        <div class="col-sm-12">
            <div class="form-group">
                  <label class="sr-onlky" for="inputEmail">INLINE!</label>
                  <input type="email" class="form-control" id="inputEmail" placeholder="Email">
                <label class="sr-onlyf" for="inputPassword">/</label>
                <input type="password" class="form-control" id="inputPassword" placeholder="Password" >
                <label class="sr-onlyf" for="inputPassword">/</label>
                <input type="password" class="form-control" id="inputPassword" placeholder="Password" >
            </div>


         </div>
      </div>




      <br/>
      <br/>


</form>