Html twitter引导导航列表中的长文本跨越容器边界

大家好，我正在制作一个带有引导和CodeIgniter的网站，现在我正在设计带有双面导航列表的新闻页面，我有一个问题。 当我把一个长文本放在导航列表上时，文本就出来了。请帮帮我

<div class="container-fluid">

<div class="row-fluid">
    <div class="span2"></div>

    <div class="span8"></div>

    <div class="span2">

        <ul class="nav nav-list well">
            <div class="row-fluid">
            <li class="nav-header">Suggested Users</li>

            <li class="span12">
                <div class="span4">
                    <img src="http://i.imgur.com/0YJjVnH.gif" alt="User suggested">
                </div>
                <div class="span8">
                    <a href="#" style="font-size: 12px;">Aezir ssssssssssssssssssssssssssssss</a>
                    <button class="btn btn-mini btn-info pull-right">Follow</button>
                    <br>
                    <strong><small class="pull-right" style="font-size: 9px;">1024 followers</small></strong>
                </div>
            </li>
            </div>
        </ul> 

    </div>

    </div>

</div>

---

这里的问题是溢出容器的单词的长度，您可以通过添加诸如wordwrap:break word；对于这一点，我需要一个标签来打破溢出容器的文本，但我的建议是在该空间周围添加足够的空间来容纳长单词。这样你就不必强迫单词换成新行了