如何制作方形下拉菜单？

Question

我想制作一个方形下拉菜单，如下所示：

我尝试了什么：

            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    Class View <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Student 1</a></li>
                    <li><a href="#">Student 2</a></li>
                    <li><a href="#">Student 3</a></li>
                    <li><a href="#">Student 4</a></li>
                    <li><a href="#">Student 5</a></li>
                    <li><a href="#">Student 6</a></li>
                    <li><a href="#">Student 7</a></li>

                </ul>
            </div>

我得到了什么：

有人可以给我一些提示，还是帮助我实现这一目标？

Fiddle

Answer 1

下面：

.btn {
   border-radius: 0;
}

如果您想要将您的选择自定义为您发布的选项（使用自定义箭头等），您应该使用Chosen或Selecter

之类的内容