Bootstrap下拉列表 - 值使宽度过大

Question

我正在使用Bootstrap，我有两个下拉列表彼此相邻，如下所示：

| Dropdown1 | | Dropdown2 |

我在dropdown1中有一些含有大量字符的值，我不希望它们在按下后立即打扰宽度。我怎么能这样做？

这是我的下拉列表

 <div class="dropdown">
                        <div class="btn-group" id="storeId">
                            <button class="btn btn-default dropdown-toggle" type="button"
                                    data-toggle="dropdown">
                                Tutorials
                                <span class="caret"></span></button>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML Tutorial</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS Tutorial</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript Tutorial</a>
                                </li>
                                <li role="presentation" class="divider"></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a></li>
                            </ul>
                        </div>
                    </div>