JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="http://dotdotdot.frebsite.nl/js/jquery.dotdotdot-1.5.9.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <div id="wrapper">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In deserunt minima consequuntur enim corporis quae quidem quas quaerat, labore a, error et dolores laboriosam, illum molestias veniam esse nulla suscipit.</p>
                <p>Assumenda culpa ullam, voluptatum soluta dicta velit placeat explicabo consequuntur, iure incidunt nisi asperiores consequatur officia! Vitae libero unde, optio itaque nihil, earum ab facilis cupiditate corporis repudiandae, blanditiis non.</p>
                <p>Iusto soluta, vel nisi, nihil consequuntur, quaerat unde obcaecati minima maiores deleniti et dolores ex ad repellat. Id sed odio nihil ducimus iste vero, quia repellendus repellat. A, ad animi.</p>
            </div>
        </div>
    </div>
</div>

CSS

#wrapper {
    height: 5em;
    overflow: hidden;
    text-overflow: ellipsis;
}

JavaScript

(function($) {
    $(function() {
    	$('#wrapper').dotdotdot();
    });
})(jQuery);