Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by tagliala

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css">
<div class="container">
<div class="btn btn-primary btn-large" style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 300px;">
    <i class="icon-download-alt"></i>
    ALongTextBeinEllipsed AndATextAfter
</div>
<hr>
<div class="btn btn-primary btn-large btn-ellipsis"><i class="icon-download-alt"></i>
    ALongTextBeinEllipsed AndATextAfter
</div>
<hr>
<div class="btn btn-primary btn-large">
    <i class="icon-download-alt"></i>
    Padding is fine here
</div>
</div>

CSS

.btn-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}

.btn-ellipsis:before {
  content: ''; /* IE9 ellipsis fix */
}