声明的第二条

我创造我的作品集网站gw.mvctc.com/Class2018/smcintosh工作的高度我最近把它转换部分来引导，这看起来不错，但你可以看到，在首页上，有一个水平滚动不了了之，箱子高度不一样。我已经知道了水平。滚动与垂直滚动条的宽度相同，所以我不确定这是否是问题的一部分。声明的第二条

我该如何解决水平滚动问题，以及如何使箱子高度相同？

目前，我有我的文章这种风格的代码，有框对象：

article { 
    padding: 10px; 
    border: #ff4100 solid 7.5px; 
    border-radius: 15px; 
}

，这是文章本身的HTML：

<div class="fluid-container"> 
    <div class="row"> 
     <section class="col-lg-4 col-md-6 col-sm-6"> 
      <article> 
       <h2>Education Goals</h2> 
       <ul> 
        <li>At the moment my largest education goal is to graduate 
         from high school</li> 
        <li>I hope to have enough scholarships to be able to go to a 
         good college to further my education and gain more knowledge</li> 
        <li>I hope to graduate from a good college with a bachelor's 
         degree in some form of computer science</li> 
       </ul> 
      </article> 
     </section> 
     //More sections follow, hence the 2 other boxes 
     //... 
    </div> 
</div>

来源

2017-03-31 Lordbug

这将是很好到您的文章中贴了一个屏幕截图。 –

请添加[mcve]以加快故障排除速度。另外，在StackOverflow中询问时请阅读我们的[问]页面以获取其他指导 - 欢迎！ – ochi

问题与水平滚动条是你应用fluid-container类，当它应该是container-fluid。

对于高度，您可以使用像matchHeight这样的插件或覆盖引导程序CSS并使其使用flexbox（请参阅How can I make Bootstrap columns all the same height?）。

（顺便说一句，自举4使用Flexbox的）

来源

2017-03-31 23:57:17

在div与类row具有余量右属性设置为-15px。导航栏也设有边距。具体而言，该div是溢出身体。 ID标签添加到名为boxcontent和风格，如下所示DIV：

nav,#boxcontent{ 
margin-left:0; /*optional but adding this makes the nav full width!*/ 
margin-right:0; 
}

编辑

pen is here

来源

2017-04-01 00:09:46 repzero

声明的第二条

回答

相关问题