Conflict between Bootstrap and AngularJS
<p>I'm using angular for my page navigation and load some of the images. Now I want to use Bootstrap Glyphicon Components. But images loading from angular function does not work with bootstrap. When I removes bootstrap from my HTML starting to work as usual.</p>

<p>HTML:</p>

<pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-route.js"&gt;&lt;/script&gt;
        &lt;script src = "js/controller.js"&gt;&lt;/script&gt;
        &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;
        &lt;link type = "text/css" rel = "stylesheet" href= "css/style.css"&gt;
        &lt;link type = "text/css" rel = "stylesheet" href= "css/tab.css"&gt;
        &lt;link type = "text/css" rel = "stylesheet" href= "css/tooltips.css"&gt; 
</code></pre>

<p>There was a another post about this. But the answer didn't help me. That's why I'm posting this.</p>

<p>Edit: </p>

<pre><code>&lt;div class = "left-row"&gt;
    &lt;div class = "glyphicon glyphicon-home"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>application.controller('app', function($rootScope, $scope) {
    
        $rootScope.imageUrlProfile = 'images/profile-icon.png';
        $rootScope.imageUrlWork = 'images/exp-icon.png';
        $rootScope.imageUrlEdu = 'images/edu-icon.png';
        $rootScope.imageUrlContact = 'images/phone-icon.png';
 
});

application.config(['$routeProvider', function($routeProvider) {
        $routeProvider.
            when('/tab1', {templateUrl: 'tab1.html', controller: ProfileCtrl}).
            when('/tab2', {templateUrl: 'tab2.html', controller: WorkCtrl}).
            when('/tab3', {templateUrl: 'tab3.html', controller: EduCtrl}).
            when('/tab4', {templateUrl: 'tab4.html', controller: ContactCtrl}).
            when('/', {templateUrl: 'openingTab.html'}).
            otherwise({redirectTo: '/'});
}]);

function ProfileCtrl($rootScope) 
{
    $rootScope.imageUrlProfile = 'images/profile-icon-clicked.png';
    $rootScope.imageUrlWork = 'images/exp-icon.png';
    $rootScope.imageUrlEdu = 'images/edu-icon.png';
    $rootScope.imageUrlContact = 'images/phone-icon.png';
}

function WorkCtrl($rootScope) 
{
    $rootScope.imageUrlProfile = 'images/profile-icon.png';
    $rootScope.imageUrlWork = 'images/exp-icon-clicked.png';
    $rootScope.imageUrlEdu = 'images/edu-icon.png';
    $rootScope.imageUrlContact = 'images/phone-icon.png';
}

function EduCtrl($rootScope) 
{
    $rootScope.imageUrlProfile = 'images/profile-icon.png';
    $rootScope.imageUrlWork = 'images/exp-icon.png';
    $rootScope.imageUrlEdu = 'images/edu-icon-clicked.png';
    $rootScope.imageUrlContact = 'images/phone-icon.png';
}

function ContactCtrl($rootScope) 
{
    $rootScope.imageUrlProfile = 'images/profile-icon.png';
    $rootScope.imageUrlWork = 'images/exp-icon.png';
    $rootScope.imageUrlEdu = 'images/edu-icon.png';
    $rootScope.imageUrlContact = 'images/phone-icon-clicked.png';
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class = "column1"&gt;
     &lt;div class = "tab1 grow"&gt;
      &lt;a href = "#/tab1" class = "tooltip"&gt;
                            &lt;img ng-src="{{ imageUrlProfile }}"&gt;
                            &lt;span&gt;
                                &lt;strong&gt;Profile&lt;/strong&gt;&lt;br /&gt;
                            &lt;/span&gt;
                        &lt;/a&gt;
     &lt;/div&gt;
     &lt;div class = "tab2 grow"&gt;
      &lt;a href = "#/tab2" class = "tooltip"&gt;
                            &lt;img src = "{{ imageUrlWork }}"&gt;
                            &lt;span&gt;
                                &lt;strong&gt;Experience&lt;/strong&gt;&lt;br /&gt;
                            &lt;/span&gt;
                        &lt;/a&gt;
     &lt;/div&gt;
     &lt;div class = "tab3 grow"&gt;
      &lt;a href = "#/tab3" class = "tooltip"&gt;
                            &lt;img src = "{{ imageUrlEdu }}"&gt;
                            &lt;span&gt;
                                &lt;strong&gt;Education&lt;/strong&gt;&lt;br /&gt;
                            &lt;/span&gt;
                        &lt;/a&gt;
     &lt;/div&gt;
                    &lt;div class = "tab4 grow"&gt;
      &lt;a href = "#/tab4" class = "tooltip"&gt;
                            &lt;img src = "{{ imageUrlContact }}"&gt;
                            &lt;span&gt;
                                &lt;strong&gt;Contact Info&lt;/strong&gt;&lt;br /&gt;
                            &lt;/span&gt;
                        &lt;/a&gt;
     &lt;/div&gt;
    &lt;/div&gt;</code></pre>
</div>
</div>
</p>