title: Bootstrap form-check-inline not working
body: <p>I am trying to use <a href="https://getbootstrap.com/docs/4.0/components/forms/" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.0/components/forms/</a> form-check-inline without success, it renders the html by putting one checkbox under the other:</p>
  
  <p><a href="https://i.stack.imgur.com/paLTC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/paLTC.png" alt="enter image description here"></a></p>
  
  <p>This is my html code:</p>
  
  <pre><code>&lt;h1&gt;Crear Paciente&lt;/h1&gt;
  &lt;hr /&gt;
  
  &lt;form&gt;
      &lt;!-- #region General Data --&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Nombres y Apellidos&lt;/label&gt;
          &lt;input type="text" class="form-control" id="namesAndSurnames" placeholder="Nombres y Apellidos"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Fecha de Nacimiento&lt;/label&gt;
          &lt;input type="date" class="form-control" id="birthDate"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;CI&lt;/label&gt;
          &lt;input type="number" class="form-control" id="ci" placeholder="Cédula de Identidad"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Dirección&lt;/label&gt;
          &lt;input type="text" class="form-control" id="address" placeholder="Dirección"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Email&lt;/label&gt;
          &lt;input type="email" class="form-control" id="email" placeholder="Email"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Teléfono&lt;/label&gt;
          &lt;input type="tel" class="form-control" id="phone" placeholder="Teléfono"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Sociedad Médica&lt;/label&gt;
          &lt;input type="text" class="form-control" id="medicSociety" placeholder="Sociedad Médica"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Emergencia Móvil&lt;/label&gt;
          &lt;input type="text" class="form-control" id="mobileEmergency" placeholder="Emergencia Móvil"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Ocupación&lt;/label&gt;
          &lt;input type="text" class="form-control" id="occupation" placeholder="Ocupación"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Observaciones&lt;/label&gt;
          &lt;input type="text" class="form-control" id="observations" placeholder="Observaciones"&gt;
      &lt;/div&gt;
      &lt;!--#endregion --&gt;
      &lt;!-- #region Sicknesses --&gt;
      &lt;div class="form-check form-check-inline"&gt;
          &lt;input type="checkbox" class="form-check-input" id="diabetes" value="diabetes"&gt;
          &lt;label class="form-check-label"&gt;Diabetes&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-check form-check-inline"&gt;
          &lt;input type="checkbox" class="form-check-input" id="heartProblems" value="heartProblems"&gt;
          &lt;label class="form-check-label"&gt;Problemas Cardíacos&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-check form-check-inline"&gt;
          &lt;input type="checkbox" class="form-check-input" id="hypertension" value="hypertension"&gt;
          &lt;label class="form-check-label"&gt;Hipertensión&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-check form-check-inline"&gt;
          &lt;input type="checkbox" class="form-check-input" id="metallicProsthesis" value="metallicProsthesis"&gt;
          &lt;label class="form-check-label"&gt;Prótesis Metálicas&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-check form-check-inline"&gt;
          &lt;input type="checkbox" class="form-check-input" id="pacemaker" value="pacemaker"&gt;
          &lt;label class="form-check-label"&gt;Marcapasos&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-check form-check-inline"&gt;
          &lt;input type="checkbox" class="form-check-input" id="pregnancies" value="pregnancies"&gt;
          &lt;label class="form-check-label"&gt;Embarazos&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-check form-check-inline"&gt;
          &lt;input type="checkbox" class="form-check-input" id="surgeries" value="surgeries"&gt;
          &lt;label class="form-check-label"&gt;Cirugías&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-check form-check-inline"&gt;
          &lt;input type="checkbox" class="form-check-input" id="allergies" value="allergies"&gt;
          &lt;label class="form-check-label"&gt;Alergias&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Descripción de Alergias&lt;/label&gt;
          &lt;input type="text" class="form-control" id="allergiesDescription" placeholder="Describir las Alergias del Paciente"&gt;
      &lt;/div&gt;
      &lt;!--#endregion --&gt;
      &lt;button type="submit" class="btn btn-primary pull-right"&gt;Guardar&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I am also using electron though I doubt it has sth to do with this (it shouldn't).
  All the former html code is being rendered with <a href="https://www.w3schools.com/howto/howto_html_include.asp" rel="nofollow noreferrer">w3-include-html</a> although it shouldn't affect either... this is the body html:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div id="includerDiv" w3-include-html="mainWindow.html"&gt;&lt;/div&gt;
          &lt;script&gt;w3.includeHTML();&lt;/script&gt;
  
          &lt;hr /&gt;
          &lt;footer&gt;
              &lt;p&gt;
                  &amp;copy;
                  &lt;script&gt;document.write(new Date().getFullYear())&lt;/script&gt; - Beaspa - Versión 1.0
              &lt;/p&gt;
          &lt;/footer&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>