title: X-Editable and Bootstrap 4
body: <p>Previously I have implemented inline editing with X-Editable and Bootstrap 3. With Bootstrap 4 it no longer seems to work. <a href="http://jsfiddle.net/xBB5x/14896/" rel="noreferrer">Check out the JsFiddle here.</a></p>
  
  <p>If I define a simple popup like this:</p>
  
  <pre><code>&lt;div style="margin: 150px"&gt;
       &lt;a href="#" class="comment" data-name="comment" data-type="text" data-pk="@item.Id" data-url="/" data-title="Enter comment"&gt;comment&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  $(document).ready(function() {
          $('.comment').editable();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>It works fine in BS3 but as soon as I switch to BS4 it no longer works giving the error:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'addClass' of undefined
  at Popup.show (bootstrap-editable.js:1091)
  at Editable.show (bootstrap-editable.js:1802)
  at Editable.toggle (bootstrap-editable.js:1824)
  at Editable.&lt;anonymous&gt; (bootstrap-editable.js:1547)
  at HTMLAnchorElement.e (jquery-3.2.1.slim.min.js:2)
  </code></pre>
  
  <p>In the console.</p>
  
  <p>What am I doing wrong? Should I be using a different library/fork?</p>