title: Laravel Glyphicons
body: <p>I'm using Laravel 5.4 for this project.</p>
  
  <p>BUTTON CODE</p>
  
  <pre><code>&lt;div class="modal-footer"&gt;
      &lt;button type="button" class="btn btn-primary" data-dismiss="modal"&gt;I Agree&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS Code for Button to make it a Checkbox</p>
  
  <pre><code>$(function () {
  $('.button-checkbox').each(function () {
  
      // Settings
      var $widget = $(this),
          $button = $widget.find('button'),
          $checkbox = $widget.find('input:checkbox'),
          color = $button.data('color'),
          settings = {
              on: {
                  icon: 'glyphicon glyphicon-check'
              },
              off: {
                  icon: 'glyphicon glyphicon-unchecked'
              }
          };
  
      // Event Handlers
      $button.on('click', function () {
          $checkbox.prop('checked', !$checkbox.is(':checked'));
          $checkbox.triggerHandler('change');
          updateDisplay();
      });
      $checkbox.on('change', function () {
          updateDisplay();
      });
  
      // Actions
      function updateDisplay() {
          var isChecked = $checkbox.is(':checked');
  
          // Set the button's state
          $button.data('state', (isChecked) ? "on" : "off");
  
          // Set the button's icon
          $button.find('.state-icon')
              .removeClass()
              .addClass('state-icon ' + settings[$button.data('state')].icon);
  
          // Update the button's color
          if (isChecked) {
              $button
                  .removeClass('btn-default')
                  .addClass('btn-' + color + ' active');
          }
          else {
              $button
                  .removeClass('btn-' + color + ' active')
                  .addClass('btn-default');
          }
      }
  
      // Initialization
      function init() {
  
          updateDisplay();
  
          // Inject the icon if applicable
          if ($button.find('.state-icon').length === 0) {
              $button.prepend('&lt;i class="state-icon ' + settings[$button.data('state')].icon + '"&gt;&lt;/i&gt;');
          }
      }
      init();
     });
  });
  </code></pre>
  
  <p>Result:</p>
  
  <p><a href="https://i.stack.imgur.com/QgDsA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QgDsA.png" alt="error Links of Glyph"></a></p>
  
  <p>Question:</p>
  
  <p>How can I change that link so it can find my Glyphicons folder
     my Glyphicons folder can be found at</p>
  
  <p>Public -> fonts -> Bootstrap -> (Glyphicons files)</p>