Angularjs 角度用户界面引导'；s莫代尔元'；不要使用引导主题表单

我的情态风格有问题。

以下是我的模式代码：

<script type="text/ng-template" id="contact">
    <div class="modal-header">
        <i class="fa fa-paper-plane"></i> Contact
        <a ng-click="closeModal()" style="float: right;"><i class="fa fa-times text-danger"></i></a>
    </div>
    <div class="modal-body">
        <form class="form-horizontal" role="form">
            <input class="col-md-6" type="text" ng-model="contact.name" placeholder="{{ data.contact.name }}" required />
            <input class="col-md-6"  type="email" ng-model="contact.mail" placeholder="{{ data.contact.mail }}" required />
            <input type="text" ng-model="contact.subject" placeholder="{{ data.contact.subject }}" required />
            <textarea ng-model="contact.message" rows="5" placeholder="{{ data.contact.desc }}" required></textarea>
        <form>
    </div>
    <div class="modal-footer">
        The Footer Goes There
    </div>
</script>

接触
页脚在那里

我做错了什么

编辑： 我正在使用Bootstrap 3.1.1和UI Bootstrap 0.11.0，将

class=“form control”

添加到输入中

        <div class="modal-body">
            <form class="form-horizontal" role="form">
                <input class="form-control col-md-6" type="text" ng-model="contact.name" placeholder="{{ data.contact.name }}" required />
                <input class="form-control col-md-6" type="email" ng-model="contact.mail" placeholder="{{ data.contact.mail }}" required />
                <input class="form-control" type="text" ng-model="contact.subject" placeholder="{{ data.contact.subject }}" required />
                <textarea class="form-control" ng-model=" contact.message" rows="5" placeholder="{{ data.contact.desc }}" required></textarea>
            </form>
        </div>

很难说，您是否使用并包含引导CSS 3.X（而不是2.X）？是的，很抱歉，我将用我使用的依赖项更新我的帖子。