1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / General Discussions / How to get font awesome and boostrap to work

How to get font awesome and boostrap to work

1 posts, 0 answered
  1. Brian
    Brian avatar
    0 posts
    Registered:
    07 Jun 2017
    20 Jul
    Link to this post

    I am running Sitefinity version 7.2. 

     

    All I want to do is add font awesome icons to bootsrap buttons but I can get neither to work. The code  am trying to use is from w3 here: https://www.w3schools.com/icons/tryit.asp?filename=trybs_ref_glyph_envelope

     

    I go into titles and properties and add the code for the <head> element. 

    <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      </head>

    Then I create a content block and paste the code. But only text appears.

      <p>Envelope icon on a button:
            <button type="button" class="btn btn-default btn-sm">
              <span class="glyphicon glyphicon-envelope"></span> Envelope 
            </button>
          </p>

    Any ideas? 

1 posts, 0 answered