bootstrap和bootstrap-rtl在LTR模式下有所不同

时间:2018-11-04 05:13:21

标签: css layout bootstrap-4

我使用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填充设置为零。

我的问题是,它们在左右布局中不应该表现得一样吗?还是正常现象,我在这里丢失了一些东西。

0 个答案:

没有答案