在具有基础框架的面板底部创建的空间

Question

我正在玩基础框架，我试图用它制作一个简单的登录表单。 这是我的标记

<form>
            <div class="row">
                <div class="large-4 columns">   
                    <div class="panel">
                        <div class="row">
                            <div>
                                <label>Login: <input type="text" placeholder="Login">
                            </div>  
                        </div>
                        <div class="row">
                            <div>
                                <label>Senha <input type="password">
                            </div>
                        </div>
                        <div class="row">                                                       
                            <input type="submit" value="OK" class="tiny button right">
                            <a href="#" class="left">Esqueci minha senha</a>
                        </div>      
                    </div>                      
                </div>              
            </div>
        </form>

但在它的底部，有一些空间被创造出来。 我怎样才能删除这个空间？

Answer 1

您正在谈论的空间是由按钮底部边距创建的。要删除它，只需添加一个类似的类：

.panel .button { margin-bottom: 0; }

工作示例：JSFIDDLE