Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by Mawel Don

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="col-xs-4">
    <div class="resume">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in nisl a lectus ultricies mollis. Integer ipsum lacus
</div>
</div>

<div class="col-xs-4">
    <div class="resume">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in nisl a lectus ultricies mollis. Integer ipsum lacus, ornare quis eleifend nec, tincidunt quis nisl.
</div>
</div>

<div class="col-xs-4">
    <div class="resume">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in nisl a lectus ultricies mollis. Integer ipsum lacus, ornare quis eleifend nec, tincidunt quis nisl. Phasellus eget
</div>
</div>

JavaScript

$(document).ready(function(){
    
    if($('.resume').text().length > 100)
    {
        complet = $('.resume').text();
        complet += '<span class="showLess"> Cacher</span>';
        html = $('.resume').text().slice(0,100);
        html += '<span class="showMore">...</span>';
        $('.resume').html(html);
    }

    $('.showMore').on('click',function(){
        $('.resume').html(complet);
        showLess();
    });

    function showLess(){
    $('.showLess').on('click', function() {
        $('.resume').html(html);
    });
    }

});