responsive label font

[ahmgeek]

as you can see , the problem with the label when i use it is the font inside it , if i have a big word and small screen it destroy it not making a scroll but by stretching the table .

[onokumus]

http://jsbin.com/Oraquvu/1

[ahmgeek]

i didn't get it ! what is the point ?

[onokumus]

Your table is too wide (more column). So to fit it all in you must to produce special solution. For example

HTML

<div class="table-responsive table-special">
  <table class="table">
  ...
  </table>
</div>

CSS

@media (min-width:500px) {
  .table-special{
    width: 100%;
    overflow-x: scroll;
  }
}