Foundation 5 和链接的奇怪问题
strange issue with foundation 5 and links
这真的很奇怪,当且仅当它们直接位于基础 5 中使用的 link 按钮上方时,我的某些 link 无法点击。很难设置页面但是尝试放置一些 "lorem ipsum" 并组合 link 以便直接位于底部的类似按钮 link 的上方,这是我的代码:
<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server">
<div class="row">
<div class="small-12 columns">
<h5 style="font-family:Verdana;">my lorem header.</h5>
<p class="text-justify"> Lorem ipsum dolor sit amet, vel natum etiam ex, eu aeque consequat mea. Duo rebum assum imperdiet et, etiam <a href="link1.aspx">abhorreant</a> philosophia id sit, per partem tacimates ad. Pri autem illum posse ex, cu <a href="link2.aspx">luptatum invenire</a> argumentum nec. Mentitum eleifend consetetur vix ei, usu alia omittam singulis ea. <a href="link3.aspx">Phaedrum patrioque eloquentiam et</a> sed.
</p>
</div>
<div class="small-6 small-centered columns">
<div style="text-align:center;">
<a class="button" href="/register.aspx">Registrer</a>
</div>
</div>
</div>
</asp:Content>
这是我的错,我在第一个 <div class="row">
中的两个 <div>
之间添加了下面的代码,并通过按预期正确创建两行解决了这个问题:
</div>
<div class="row" style="padding-top:10px;">
这真的很奇怪,当且仅当它们直接位于基础 5 中使用的 link 按钮上方时,我的某些 link 无法点击。很难设置页面但是尝试放置一些 "lorem ipsum" 并组合 link 以便直接位于底部的类似按钮 link 的上方,这是我的代码:
<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server">
<div class="row">
<div class="small-12 columns">
<h5 style="font-family:Verdana;">my lorem header.</h5>
<p class="text-justify"> Lorem ipsum dolor sit amet, vel natum etiam ex, eu aeque consequat mea. Duo rebum assum imperdiet et, etiam <a href="link1.aspx">abhorreant</a> philosophia id sit, per partem tacimates ad. Pri autem illum posse ex, cu <a href="link2.aspx">luptatum invenire</a> argumentum nec. Mentitum eleifend consetetur vix ei, usu alia omittam singulis ea. <a href="link3.aspx">Phaedrum patrioque eloquentiam et</a> sed.
</p>
</div>
<div class="small-6 small-centered columns">
<div style="text-align:center;">
<a class="button" href="/register.aspx">Registrer</a>
</div>
</div>
</div>
</asp:Content>
这是我的错,我在第一个 <div class="row">
中的两个 <div>
之间添加了下面的代码,并通过按预期正确创建两行解决了这个问题:
</div>
<div class="row" style="padding-top:10px;">