title: How to implement Bootstrap classes to Vue-Formulate?
body: <p>According to <a href="https://vueformulate.com/" rel="nofollow noreferrer">Vue Formulate</a>, you can add Bootstrap to it:</p>
  <blockquote>
  <p>With provided class props you can add your own set of style classes globally or on a case-by-case basis. Tailwind? No problem. <strong>Bootstrap? You're covered</strong>. Roll your own? Right on, it’s supported.</p>
  </blockquote>
  <p>OK, so how do you do it?</p>
  <p>I tried like so and it did not work:</p>
  <pre><code>&lt;FormulateInput
    type=&quot;email&quot;
    class=&quot;form-control&quot; &lt;------bootstrap class
    label=&quot;What is your school email address?&quot;
    validation=&quot;bail|required|email|ends_with:.edu&quot;
    validation-name=&quot;School email&quot;
    placeholder=&quot;user@university.edu&quot;
  /&gt;
  </code></pre>