Font Awesome-Bootstrap Playground

Sample page to test Font Awesome icons with BootStrap

by tacman1123

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
    <div class="card">
        <div class="card-header">
        <h3>
        
        </h3>

                                        <span class="float-end">
                                <img src="https://mapa.museado.org/media/cache/squared_thumbnail_tiny/nabolom/images/mapa-10-0.jpg" alt=""/>

                </span>
            
            <span class="float-start text-secondary">#mapa-100</span>

            <h6 class="card-title">Map of Chiapas</h6>
            <p class="card-subtitle text-muted mb-0">Subtitle</p>
        </div>
        <div class="card-body">
            <p class="text-muted">
                
            </p>

                                                
                                                        <div>
                <span class="fa-light fa-map-location-dot " title="" ></span>
                chiapas

            </div>
            
                                            
                                            
                                                        <div>
                <span class="fas fa-timeline " title="" ></span>
                1955

            </div>
            
                                                        <div>
                <span class="fas fa-person " title="" ></span>
                frans_blom

            </div>
            
            
        </div>
    </div>
</div><!-- end col -->

</div>