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

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
1 posts, 0 answered
  1. Brian
    Brian avatar
    0 posts
    Registered:
    07 Jun 2017
    20 Jul 2017
    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