我使用bootstrap V4.0设计了用户界面。现在,我将使用bootstrap-rtl V4.0在设计中实现从右到左的操作。我所期望的是,在正常情况下(从左到右的布局),bootstrap和bootstrap-rtl具有相同的CSS布局,但似乎不一样。
例如:
引导程序(正常情况):
.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;
}
从左到右的布局中,bootstrap将left
填充设置为零,而bootstrap-rtl将right
填充设置为零。
我的问题是,它们在左右布局中不应该表现得一样吗?还是正常现象,我在这里丢失了一些东西。