表单中的 md-button 位置对齐

Question

我正在使用 ng-include 调用我的表单 "test_form"，显示按钮在中心对齐。如何将它们对齐在表格的右下角？

index.html

<div class="col-sm-6 sidenav">
  <!-- menu bar content at the top -->
<div class="column-nav-form" ng-include = "'/views/html/test_form.html'" >
</div>

test_form.html

<form name="testForm" ng-app="myApp" ng-controller="FormController" class="container-fluid" ng-submit="submit()">
<!-- form labels -->
    <md-button class="md-raised md-primary testForm" type ="button" ng-click ="reset()">CANCEL</md-button>
    <md-button class="md-raised md-primary testForm" ng-disabled="testForm.$invalid">SAVE</md-button>
</form>

CSS

.md-button.md-raised.md-primary.testForm {
    position: right !important;
    color: #FFFFFF;
    background-color: #4CAF50;
}

表单按钮显示：

Answer 1

向右拉 class 成功了。

<form name="testForm" ng-app="myApp" ng-controller="FormController" class="container-fluid" ng-submit="submit()">
<!-- form labels -->
    <md-button class="md-raised md-primary pull-right testForm" type ="button" ng-click ="reset()">CANCEL</md-button>
    <md-button class="md-raised md-primary pull-right testForm" ng-disabled="testForm.$invalid">SAVE</md-button>
</form>

表单中的 md-button 位置对齐

md-button position alignment in the form

angularjs

angularjs-ng-include

ng-animate

angularjs-material