Bootstrap网格在某些移动浏览器上的行为很奇怪

Question

笔记本电脑上的Firefox与Android浏览器上的

您好，有人知道为什么我的网格在笔记本电脑上和在移动设备上做不同的事情吗？在Chrome浏览器上，它可以在手机上运行，​​但不能在标准浏览器上运行。非常感谢！

    <div class="row">
            
        <div class="col-12 col-md-6">
            <h1>Roots, ...</h1>
            <p>Here you ...</p>
        </div>
        
        <div class="col-12 col-md-6">
            <div class="row">
                <div class="col-4">
                    <a class="no-underline" href="#">
                         <div class="icon-hover">
                              <img class="food-icon-image " width="100%" src="" alt="">
                                  <p class="food-icon-name "></p>
                                </div>
                            </a>
                        </div>
      
                </div>
            </div>
            
    </div>