我在我的项目中使用Semantic-UI。我创建了一个首页,元素(导航栏、页脚等)都能正常工作。
现在我正在开发注册页面,但是页脚无法到达页面底部,我该怎么办?
页脚代码:
<div class="ui inverted vertical footer segment">
<div class="ui container">
Travel Match 2015. All Rights Reserved
</div>
</div>
注意: 我的页脚中目前没有任何CSS规则,只有Semantic-UI添加的规则。
更新: 导航栏代码:
<div class="ui inverted segment">
<div class="ui container">
<div class="ui inverted secondary menu">
<div class="item">
<i class="plane icon app-icon"></i>
</div>
<div class="right item">
<a href="/signup">Signup</a>
</div>
</div>
</div>
</div>
表单代码:
<form class="ui large form container">
<div class="ui stacked segment">
<div class="field">
<div class="ui left icon input">
<i class="user icon"></i>
<input type="text" name="email" placeholder="E-mail address">
</div>
</div>
<div class="field">
<div class="ui left icon input">
<i class="lock icon"></i>
<input type="password" name="password" placeholder="Password">
</div>
</div>
<div class="ui fluid large teal submit button">Login</div>
</div>
<div class="ui error message"></div>
</form>
<div class="striped"></div>