Align each label and input/select in horizontal

This commit is contained in:
yoshihara 2015-04-13 18:37:20 +09:00
parent 6c8e9de1e7
commit 7ca5c21109

View File

@ -1,11 +1,11 @@
<script type="text/template" id="format-bundle"> <script type="text/template" id="format-bundle">
<div class="form-group"> <div class="form-inline form-group">
<label>format</label> <label>format</label>
<select name="setting[format]" v-model="format" class="form-control"> <select name="setting[format]" v-model="format" class="form-control">
<option v-repeat="selectableFormats" value="{{ $value }}" v-attr="selected: format==$value">{{ $value }}</option> <option v-repeat="selectableFormats" value="{{ $value }}" v-attr="selected: format==$value">{{ $value }}</option>
</select> </select>
</div> </div>
<div class="form-group" v-repeat="options"> <div class="form-inline form-group" v-repeat="options">
<label>{{ $value }} </label> <label>{{ $value }} </label>
<input type="text" name="setting[{{ $value }}]" v-model="params.setting[$value]" size="100%" class="form-control" /> <input type="text" name="setting[{{ $value }}]" v-model="params.setting[$value]" size="100%" class="form-control" />
</div> </div>