Bootstrap下拉菜单：如何使文本包装得很好？

Question

我搜索过我的问题，但无法找到解决方案。

如何在bootstrap 3下拉菜单中进行文本换行

这是我的HTML：

           <div class="row"">
                <div class="col-xs-12 col-sm-12">
                    <div class="btn-group btn-block">
                        <button type="button" class="btn btn-primary btn-block btn-lg dropdown-toggle" data-toggle="dropdown">
                          <span id="promotion"></span>  <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu btn-block" role="menu"  >
                            <li ng-repeat="a in model.list">
                                <a ng-bind="a"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

来自数据库的a的值：

如果文字变大：

然后它打破了我的整个页面，我可以将页面交换到右边。如果是移动设备。

我在以下问题中尝试了解决方案：

Bootstrap dropdown: how to make text wrap nicely

但它对我不起作用。

我可以使用任何建议或任何替代方法在bootstrap twitter 3中使用崩溃下拉列表。

感谢。