用boostrap

Question

最后一个标签放在左边而不是

顶部，放置其他标签。 我的标记有什么问题才能得到结果（标签在上面）

这里是我想要实现的形象 http://www.filedropper.com/bootstrap

我目前的标记是：

<form id="PoiEditorForm" role="form" name="PoiEditorForm" novalidate>
        <div class="form-group">
            <label for="PoiName">Name</label>
            <input id="PoiName" type="text" ng-model="vm.poi.name" class="form-control" 

placeholder="Insert name here" required />
        </div>
        <div class="form-group">
            <label for="PoiDescription">Description</label>
            <textarea id="PoiDescription" ng-model="vm.poi.description" class="form-

control" rows="3" placeholder="Insert description here" required></textarea>
        </div>
        <div class="form-group">
            <label for="PoiLocation">Location</label>
            <input id="PoiLocation" type="text" ng-model="vm.poi.location" class="form-

control" placeholder="Insert location here" required />
        </div>
        <div class="form-group">
            <div class="form-inline">
                <div class="form-group">
                    <label for="PoiLat">Lat:</label><input type="text" id="PoiLat" ng-

model="vm.poi.lat" class="form-control" />
                </div>
                <div class="form-group">
                    <label for="PoiLng">Lng:</label><input type="text" id="PoiLng" ng-

model="vm.poi.lng" class="form-control" />
                </div>
            </div>
       </div>
       <button ng-click="vm.savePoi()" ng-disabled="PoiEditorForm.$invalid" type="submit" 

class="btn btn-primary">Save</button>
</form>