Bootstrap: Как открыть все подменю слева в выпадающих списках 4 и 5?

Question

Я использую этот пример. Любые предложения, пожалуйста?

Навбар с подменю https://codepen.io/jstneg/pen/pvyYdw

CSS:

.dropdown-submenu{ position: relative; }
.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%; <!-- i was trying change for negative(any value) -->
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}

Answer 1

Если я правильно понимаю, вы можете добавить следующие строки в класс css:

left: auto;
right: 100%;
margin-left: 0;
margin-right: -1px;

Класс css должен быть таким:

.dropdown-submenu>.dropdown-menu{
  top:0;
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  margin-top:-6px; 
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}