これが私が目指していることです:https ://docs.google.com/file/d/0B13W1jkpc_BzLXZ6RGxGbUd2NG8/edit?usp = Sharing
これが私のアプローチのCSSです:
@media (min-width: 980px) {
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
a.menu:after, .dropdown-toggle:after {
content: none;
}
.navbar .dropdown-menu {
margin-top: 0px;
text-align: center;
}}
そして今の様子:https ://docs.google.com/file/d/0B13W1jkpc_BzZUlRck5VcWh0TkE/edit?usp = Sharing
ドロップダウンメニューのテキストに適切な幅を取得できないように見えることを除いて、すべてが正常に機能しています(テキストに応じて幅を縮小する必要があります)。それで、どうすればそれを行うことができますか?