0

因为它通常在任何管理页面上，我有 3 个彼此相邻的按钮。一个用于细节，一个用于编辑，一个用于删除，它看起来像：

<a n:href="detail $candidate->id">
    <button type="button" class="btn btn-success btn-sm">
        <i class="glyphicon glyphicon-search" style="margin-right:0px"></i>
    </button>
</a>                                                                                              
<a href="#">
    <button type="button" class="btn btn-info btn-sm">
        <i class="glyphicon glyphicon-pencil" style="margin-right:0px"></i>
    </button>
</a>                                                
<a  n:href="delete! $candidate->id">
    <button type="button" class="btn btn-danger btn-sm">
        <i class="glyphicon glyphicon-remove" style="margin-right:0px"></i>
    </button>
</a>

之后我决定当用户按下“DELETE”时我需要添加“确认模式”以避免点击错误

<a
    data-nette-confirm="modal"
    data-nette-confirm-title="Confirm"
    data-nette-confirm-text="Are you sure you want to delete?"
    data-nette-confirm-ok-class="btn-danger"
    data-nette-confirm-ok-text="Yes"
    data-nette-confirm-cancel-class="btn-success"
    data-nette-confirm-cancel-text="No"
    class="btn btn-danger"
    data-ajax="off" // or class="ajax"
    n:href="delete! $candidate->id">                                                        
    <button type="button" class="btn btn-danger btn-xs">
        <i class="glyphicon glyphicon-remove" style="margin-right:0px"></i>
    </button>
</a>

在此之后，我的 DELETE 按钮比其他按钮大两倍，我试着让它变得更大，xs但仍然大得多。有没有办法避免这种变化？

4

1 回答 1

0

尝试删除：

// or class="ajax"

它覆盖先前定义class="btn btn-danger"的 .

于 2015-10-16T08:42:58.673 回答