Html 推特引导问题：可扩展至13英寸屏幕

我正在为我正在制作的网站使用twitter引导。直到今天，我才在我13英寸的macbook上看到这个网站，它看起来很恐怖。特别是第一部分，其余部分都可以。顶部部分的文本下降宽度变得更小，因此文本将折叠并向下推其余部分。这使得一些文本落在折叠下面

没有太多的文本，所以我真的不明白为什么会发生这种情况。 我为更小的桌面屏幕创建了一个新的样式表，尽管我不确定这是否真的必要，因为这是其中唯一的代码

.containerdiv {
          padding-left:5% !important;
          text-align:left;
          padding-top:4%;
      }

我也改变了我的索引从这一点

<div class="containerdiv hidden-sm hidden-xs visible-md visible-lg">
        <div class="row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 logo">

        </div>
        <div class="col-xs-7 col-sm-7 col-md-7 col-lg-7"><img src="css/images/logo.png" class="float">
            <h1 style="padding-top:84px; padding-left:10px;" class="logotitle">KONIJNTJES</h1>
            <h2 class="sublogo">Nerds zonder grenzen</h2>

            <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

        </div>
                <div class="col-xs-7 col-sm-7 col-md-7 col-lg-7 pushleft">

                    <p class="lead">
                        <b>ICT Dienstverlening</b> gecombineerd met<br> <b>Software</b> & <b>Ruimtevaart ontwikkeling.</b>
                    </p>

康尼杰斯
书呆子宗德格伦森

ICT Dienstverlening Gecombineer和met软件与Ruimtevart ontwikkeling。

对此,

  <div class="containerdiv hidden-sm hidden-xs visible-md visible-lg">
        <div class="row">
        <div class="col-md-4 col-lg-4 logo">

        </div>
        <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7"><img src="css/images/logo.png" class="float">
            <h1 style="padding-top:84px; padding-left:10px;" class="logotitle">KONIJNTJES</h1>
            <h2 class="sublogo">Nerds zonder grenzen</h2>

            <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

        </div>
                <div class="col-xs-7 col-sm-7 col-md-7 col-lg-7 pushleft">

                    <p class="lead">
                        <b>ICT Dienstverlening</b> gecombineerd met<br> <b>Software</b> & <b>Ruimtevaart ontwikkeling.</b>
                    </p>

康尼杰斯
书呆子宗德格伦森

ICT Dienstverlening Gecombineer和met软件与Ruimtevart ontwikkeling。

但这并不是真的在做什么。空div在移动设备上消失，但在13英寸屏幕上不会消失。此外，我似乎不能把div调宽一点，这样文本就不会再往下推了。最好的解决方案是让第一部分的内容整齐地显示，而不是断开并向下推

---

我的完整代码在这里，以防有帮助

关键是分辨率，而不是尺寸。什么分辨率会导致问题？1280x800是我在13英寸macbook上使用的分辨率，也是导致问题的分辨率。