Я разработал свой пользовательский интерфейс, используя bootstrap V4.0 . Теперь я собираюсь внедрить справа налево в мой дизайн, используя bootstrap-rtl V4.0 . Я ожидал, что в обычном случае (разметка слева направо) bootstrap и bootstrap-rtl имеют одинаковую разметку css, но кажется, что это не так.
Например:
Bootstrap (нормальный случай):
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0; // ***** as you can see in bootstrap it set left padding to zero
margin-bottom: 0;
list-style: none;
}
Bootstrap-rtl (обычный регистр):
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 0; // ***** But in bootstrap-rtl it sets right padding to zero
margin-bottom: 0;
list-style: none;
}
Как видно из макета слева направо, начальный загрузчик устанавливает заполнение left
на ноль, а bootstrap-rtl устанавливает нулевое заполнение right
.
Моя проблема здесь в том, что они не должны действовать одинаково друг с другом в схеме слева направо? или это нормальное поведение, и мне здесь чего-то не хватает.