基础5列
基础5列
提问于 2015-12-16 01:43:48
我希望两个文本块在同一行中，并占据相同的空间。我给了div类small-6，medium-6和large-6 (最初它应该是small-12，但为了修复它，我把它改成了6)。
它仍然看起来像这样的http://prntscr.com/9ej39s，我似乎无法修复它。
<link href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.min.css" rel="stylesheet"/>
<div class="row about">
<div class="small-6 medium-6 large-6 colums panel">
<a name="about" href="">
<h1>About</h1>
</a>
<p class="justify">Bacon ipsum dolor amet spare ribs capicola cupim beef porchetta fatback kielbasa corned beef doner short loin sausage meatball boudin rump. Jerky ribeye pancetta drumstick spare ribs turducken kevin fatback tenderloin bacon prosciutto corned beef ball tip pig strip steak. Brisket tail picanha pork tenderloin, doner cupim sausage salami venison pork loin turkey tongue ham fatback. Kielbasa salami pork, turkey tongue brisket prosciutto pork belly andouille pancetta leberkas kevin frankfurter venison shankle. Strip steak ball tip venison sausage beef ribs. Tri-tip pork chop hamburger, frankfurter meatball tail flank doner pork belly.</p>
</div>
<div class="small-6 medium-6 large-6 colums panel">
<a name="howtouse" href="">
<h1>How to use?</h1>
</a>
<p class="justify">Bacon ipsum dolor amet spare ribs capicola cupim beef porchetta fatback kielbasa corned beef doner short loin sausage meatball boudin rump. Jerky ribeye pancetta drumstick spare ribs turducken kevin fatback tenderloin bacon prosciutto corned beef ball tip pig strip steak. Brisket tail picanha pork tenderloin, doner cupim sausage salami venison pork loin turkey tongue ham fatback. Kielbasa salami pork, turkey tongue brisket prosciutto pork belly andouille pancetta leberkas kevin frankfurter venison shankle. Strip steak ball tip venison sausage beef ribs. Tri-tip pork chop hamburger, frankfurter meatball tail flank doner pork belly.</p>
</div>
</div>回答 1
Stack Overflow用户
发布于 2015-12-16 04:12:08
回答：问题是你把columns类拼错了。
Sidenote:你不需要添加medium-6和large-6类。如果您有small-6，并且从小到小的所有列都是相同的，那么这就是您所需要的。
<link href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.min.css" rel="stylesheet"/>
<div class="row about">
<div class="small-6 columns panel">
<a name="about" href="">
<h1>About</h1>
</a>
<p class="justify">Bacon ipsum dolor amet spare ribs capicola cupim beef porchetta fatback kielbasa corned beef doner short loin sausage meatball boudin rump. Jerky ribeye pancetta drumstick spare ribs turducken kevin fatback tenderloin bacon prosciutto corned beef ball tip pig strip steak. Brisket tail picanha pork tenderloin, doner cupim sausage salami venison pork loin turkey tongue ham fatback. Kielbasa salami pork, turkey tongue brisket prosciutto pork belly andouille pancetta leberkas kevin frankfurter venison shankle. Strip steak ball tip venison sausage beef ribs. Tri-tip pork chop hamburger, frankfurter meatball tail flank doner pork belly.</p>
</div>
<div class="small-6 columns panel">
<a name="howtouse" href="">
<h1>How to use?</h1>
</a>
<p class="justify">Bacon ipsum dolor amet spare ribs capicola cupim beef porchetta fatback kielbasa corned beef doner short loin sausage meatball boudin rump. Jerky ribeye pancetta drumstick spare ribs turducken kevin fatback tenderloin bacon prosciutto corned beef ball tip pig strip steak. Brisket tail picanha pork tenderloin, doner cupim sausage salami venison pork loin turkey tongue ham fatback. Kielbasa salami pork, turkey tongue brisket prosciutto pork belly andouille pancetta leberkas kevin frankfurter venison shankle. Strip steak ball tip venison sausage beef ribs. Tri-tip pork chop hamburger, frankfurter meatball tail flank doner pork belly.</p>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34295962
复制相关文章
相似问题
腾讯云开发者
