how to avoid text overflow in twitter bootstrap?

Question

I\'m new to Twitter Bootstrap. I wrote following HTML:

   
   @Html.ActionLink(item.Name         


        
      

Answer 1

make the html structure like this...

   @Html.ActionLink(item.Name, "Details", new { id = item.Id }, new { @class = "JumpLinks", @style = "font-size:13px;font-weight:bold;" })

The CSS:-

.hideOverflow
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%;
    display:block;
}