Html 页面内容不'；t在带有RTL属性的移动视图中显示为全宽

我有一个博客，当用户将页面内容从LTR更改为RTL时，我使用RTL属性创建了多语言

在其中一个页面中，我使用内容切换点击到目前为止一切正常，但当我切换到移动视图时，切换点击及其内容不会全宽显示，这显示了一个糟糕的布局，如下所示：

下面是它的样子：

这是HTML代码：

    <div class="row d-flex">

        <div class='col pl-md-5 py-md-5 '>

            <div class='row justify-content-start pt-3 pb-3 '>

                <div class='col heading-section ftco-animate '>
                    <h2><?php echo $lang['get-in-touch']; ?></h2>
                    <h2 class='mb-4'></h2>

                    <div class='tabulation-2 mt-4 '>
                        <ul class='nav nav-pills nav-fill d-md-flex d-block'>
                            <li class='nav-item'>
                                <a class='nav-link active py-2' data-toggle='tab'
                                    href='#home4'><?php echo $lang['contact us']; ?></a>
                            </li>
                            <li class='nav-item'>
                                <a class='nav-link py-2 mb-md-0 mb-2' data-toggle='tab'
                                    href='#home2'><?php echo $lang['register']; ?></a>
                            </li>

                        </ul>
                        <div class='tab-content bg-light rounded mt-2'>

                            <div class='tab-pane container p-0 fade' id='home4'>

                                <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method='POST'>
                                    <h5 class="card-title"><?php echo $lang['contact us desc']; ?></h5>
                                   
                                    <div class='form-group'>
                                        <input type='text' name='name' class='form-control'
                                            placeholder='<?php echo $lang['name'];?>'>
                                    </div>
                                    <div class='form-group'>
                                        <input type='text' name='email' class='form-control'
                                            placeholder='<?php echo $lang['email'];?>'>
                                    </div>
                                    <div class='form-group'>
                                        <input type='text' name='phone' class='form-control'
                                            placeholder='<?php echo $lang['phone'];?>'>
                                    </div>
                                    <div class='form-group'>
                                        <input type='text' name='subject' class='form-control'
                                            placeholder='<?php echo $lang['title'];?>'>
                                    </div>
                                    <div class='form-group'>
                                        <textarea name='message' id='' cols='30' rows='7' class='form-control'
                                            placeholder='<?php echo $lang['message'];?>'></textarea>
                                    </div>
                                   
                                   
                                        <div class="parentElement">
                                            <input type='submit' name='submit-message'
                                                value='<?php echo $lang['send-m'];?>' class='btn btn-primary btns'>
                                        </div>
                                    </div>

                                </form>
                            </div>
                            <div class='tab-pane container p-0 fade' id='home2'>
                                <p> </p>
                                <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method='POST'
                                    class='bg-light p-4 p-md-5 contact-form'>
                                    <h5 class="card-title"><?php echo $lang['register desc']; ?></h5>
                                    <br>
                                    

                                </form>
                            </div>



                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

---

我希望有人能帮我。

你发布的代码实际上没有问题。我只是用一个

容器

包装了

div，然后用一个父容器包装了这个容器，效果很好。我无法复制你的问题

你能提供更多的CSS吗？可能有问题吗

请注意，我使用应用于

标记的

dir=“rtl”

测试了您的代码，并从官方网站下载了rtl引导。它没有给我任何问题

我还将

dir=“rtl”

应用于

父类

中，我看不出您的问题，它对我来说运行得非常好

总之，我认为是其他原因导致了溢出，可能是另一个部分

这是一篇来自CSS-TRICKS的关于如何查找正文溢出的好文章

---

更新

---

我添加了你的CSS并对其进行了测试，是的，我没有任何问题

插入您的css。需要更多代码或提供链接到site@sergeykuznetsov您好，谢谢您的回复，我已经更新了问题。谢谢您的回复。我听从了你的指示，但仍然不适合我。您可以查看该网站，它可能会帮助您更多地识别我的问题：tiyacademy.com，navtigate联系我们页面，并在移动视图中显示。提前谢谢。嘿，我确实检查过了，问题是由

js fullheight

库引起的。由于某种原因，它会导致

img

侧滚。

[lang="ar"], [lang="ar"] * {
    direction: rtl;
    text-align: right !important;
    width: 100%;
    font-family: "Changa", sans-serif;
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

}
.row {
 
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
  
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
}
.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}
.pt-3, .py-3 {
    padding-top: 1rem !important;
}
.ftco-animate {
    opacity: 1;
    visibility: visible;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}