1.bootstrap 中使用dropdown menu时直接将bootstrap网站代码复制过来时，在网站中使用，点击下拉菜单时并不生效，经查找在stackoverflow 找到答案。

出现这种情况的原因是：bootstrap的dropdown menu需要jquery支持，所以在导入bootstrap 文件之前要先引入jquery.

顺序应该是这样的：

<script src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>

参考：

https://stackoverflow.com/questions/12458522/bootstrap-dropdown-not-working

2. dropdown-menu的长度默认是min-width:160px;很多时候过于长，所以需要自己设置长度，可以在css文件中设定：

.dropdown-menu {
    min-width: 15px;
}

至于后面要不要加!important 无所谓，而且!important 应该尽量少用。

另外注意：自己的css文件应该在bootstrap.css文件之后 加载，否则自己的css会被bootstrap覆盖掉。

参考：https://stackoverflow.com/questions/13931571/how-can-change-width-of-dropdown-list