Font Awesome appears to be working fine - it's your markup that's problematic.


1. When you have a fixed top navbar, you need to push the contents down by at least 50 pixels, not by 10 - so the `.fa-camera-retro` is being hidden by the navbar

    *Use this*:

    
        
        body { margin-top: 60px; }
    
    *Instead of this*:

    
        
        body { margin: 10px; }

2. If you replace the FA icon in the navbar-right, with just plain text, you'll notice that doesn't show up either - for bootstrap styles to take affect in the navbar, they need to be in an `a` tag.

    *Use this*:

    
        
        <li class="active"><a href=""><i class="fa fa-user"></i></a></li>
    
    *Instead of this*:

    
        
        <li class="active"><i class="fa fa-user"></i></li>


###[Working Demo in Fiddle](https://jsfiddle.net/KyleMit/jjjesyvt/11/)

I created a JSFiddle trying to show a problem I'm having with FontAwesome and it seems Font Awesome is not working at all in JSFiddle when I add Bootstrap. Here's the example:

https://jsfiddle.net/pupeno/jjjesyvt/

The code is very simple:

    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Bootstrap 3</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="http://getbootstrap.com/css">Left</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="active"> <i class="fa fa-user"></i> </li>
            </ul>
        </div>
     </nav>
    
    <i class="fa fa-camera-retro"></i>

Why is Font Awesome not working with Bootstrap in JSFiddle?

There are several ways to embed a *virtual console* inside of any web page... 

### 1. Firebug Lite Debugger <sup> [Demo][fiddle-1] </sup>

Include the following script from [Firebug Lite][1], served via [raw.githack.com][7]:

[**`https://rawcdn.githack.com/firebug/firebug-lite/firebug1.5/build/firebug-lite-debug.js`**][fix-1]

[![firebug][2]][fiddle-1]

### 2. Stack Snippets Virtual Console <sup> [Demo][fiddle-2] </sup>

Include the following script from [/u/canon][3], used in [Stack Snippets][4]:

[**`https://stacksnippets.net/scripts/snippet-javascript-console.min.js`**][fix-2]

[![Stack Snippets][5]][fiddle-2]


### 3. Add jsFiddle Console <sup> [Demo][fiddle-3] </sup>

Include the following script from [eu81273][6], served via [raw.githack.com][7] :

[**`https://raw.githack.com/eu81273/jsfiddle-console/master/console.js`**][fix-3]

[![jsFiddle Console][8]][fiddle-3]


### 4. Roll You Own

Here's a trivial implementation that wraps the existing `console.log` call and then dumps out the [prettified][9] [arguments][10] using `document.write`:





    var oldLog = window.console.log
    window.console.log = function(...args) {
        document.write(JSON.stringify(args, null, 2));
        oldLog.apply(this, args);
    }

    console.log("String", 44, {name: "Kyle", age: 30}, [1,2,3])



### Further Reading

* [Print Var in JsFiddle][12]

[fix-1]: https://rawcdn.githack.com/firebug/firebug-lite/firebug1.5/build/firebug-lite-debug.js
[fix-2]: https://stacksnippets.net/scripts/snippet-javascript-console.min.js
[fix-3]: https://rawcdn.githack.com/eu81273/jsfiddle-console/eab2695cc293b9a24290953a713b2191358845bf/console.js
[fiddle-1]: https://jsfiddle.net/KyleMit/w6gf1kp3/
[fiddle-2]: https://jsfiddle.net/KyleMit/z9nx30kL/
[fiddle-3]: https://jsfiddle.net/KyleMit/we14p3L0/

  [1]: https://github.com/firebug/firebug-lite/
  [2]: https://i.stack.imgur.com/yOuPP.png
  [3]: https://github.com/gh-canon/stack-snippet-console
  [4]: https://meta.stackexchange.com/a/242491/209031
  [5]: https://i.stack.imgur.com/QaKUL.png
  [6]: https://github.com/eu81273/jsfiddle-console
  [7]: https://raw.githack.com/
  [8]: https://i.stack.imgur.com/PGzdt.png
  [9]: https://stackoverflow.com/a/7220510/1366033
  [10]: https://stackoverflow.com/a/4633130/1366033
  [11]: https://rawgit.com/
  [12]: https://stackoverflow.com/q/17382200/1366033

How can I get the console to show in a fiddle on JSfiddle.com?

I recently saw a fiddle that had the console embedded in the fiddle, anyone know how this can be done?