如何在HTML CSS BOOTSTRAP中解决此问题？

Question

我遇到一个令我疯狂的问题///我已经使用HTML CSS＆BOOTSTRAP 4制作了此页面，//一切正常如您在下图中所看到的，我写了一个段落，一切顺利，保存了文档//稍后回来为段落添加更多文本，如您所见！它现在离开了div，并在整个浏览器中不断增长？？？这是什么 ？在这里疯了！在发生这种情况之前，我可以输入尽可能多的文字！现在，这发生在页面的每个div中。

HTML：

<div class="container-fluid">
            <div class="row">
                <div class="col-lg-2">
                    <center>
                        <h2 class="h2-lg-light">Hi :)</h2>
                    </center>

                </div>
                <div class="[![enter image description here][1]][1]col-lg-7">
                    <P>My name is <font color="000"><b>Mohamed NAGY</b></font>. Having a passion for creating flawless web applications has led me into the web design and development profession. I'm obsessed with creating memorable online experiences, and I'm most satisfied when I see my work run flawlessly online across all platforms. in addition to having a bachelor's degree in software development, I'm also self-taught trough books, and many hours and practice and production. ###############################################################################################################################################################################################

                    </P>
                </div>

目前，我的问题令我发狂////我已经使用HTML CSS和BOOTSTRAP 4制作了此页面// //一切正常，如下图所示，我写了一段...

Answer 1

尝试此操作，