bootstrap下拉菜单中的对齐方式完全乱了

Question

问题所在：

源代码：

Answer 1

从bootstrap源码来看：.dropdown-menu-right {     right: 0;     left: auto } .dropdown-menu {     position: absolute;     top: 100%;     left: 0;     z-index: 1000;     display: none;     float: left;     min-width: 160px;     padding: 5px 0;     margin: 2px 0 0;     font-size: 14px;     text-align: left;     list-style: none;     background-color: #fff;     -webkit-background-clip: padding-box;     background-clip: padding-box;     border: 1px solid #ccc;     border: 1px solid rgba(0,0,0,.15);     border-radius: 4px;     -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);     box-shadow: 0 6px 12px rgba(0,0,0,.175) }只是把dropdown-menu右对齐（原本是左对齐），并不涉及与dropdown的对齐，如果你想对齐，还需要将dropdown上添加pull-right类名。        当然你如果只是涉及dropdown-menu文字右对齐，那么添加.dropdown-menu{ text-align:right!important; }即可。