After looking at numerous examples of templates, I have noticed a common thing: they are declared as a <dl></dl>. Is there a particular reason for this? Here are my templates:
<script type="text/x-kendo-tmpl"id="template"> <div class="product-view k-widget"> <dl> <dt>Terminal</dt> <dd>#= getTerminalTitleActual(TerminalId) #</dd> <dt>Service</dt> <dd>#= ServiceId #</dd> <dt>Fee</dt> <dd>#= ServiceFee#</dd> <dt>Card</dt> <dd>#= ParkingCardNumber #</dd> <dt>Issued On</dt> <dd>#= ParkingCardIssueDate #</dd> <dt>Expiry Date</dt> <dd>#= ParkingCardExpiryDate #</dd> </dl> <div class="edit-buttons"> <a class="k-button k-edit-button"href="\\#"><span class="k-icon k-edit"></span></a> <a class="k-button k-delete-button"href="\\#"><span class="k-icon k-delete"></span></a> </div> </div></script><script type="text/x-kendo-tmpl"id="editTemplate"> <div class="product-view k-widget"> <dl> <dt>Terminal</dt> <dd><input name="TerminalId"data-source=terminals data-role="dropdownlist"data-text-field="TerminalName"data-value-field="TerminalId"/></dd> <dt>Service</dt> <dd><input name="ServiceId"data-source=services data-role="dropdownlist"data-text-field="NameEnglish"data-value-field="Code"/></dd> <dt>Fee</dt> <dd><input type="text"data-bind="value:Fee"data-role="numerictextbox"data-type="currency"name="Fee"required="required"/></dd> <dt>Card</dt> <dd><input type="text"data-bind="value:ParkingCardNumber"class="k-input k-textbox"name="ParkingCardNumber"required="required"/></dd> <dt>Issued On</dt> <dd><input type="text"data-bind="value:ParkingCardIssueDate"data-role="datepicker"data-format="dd-MMM-yyyy"name="ParkingCardIssueDate"required="required"/></dd> <dt>Expiry Date</dt> <dd><input type="text"data-bind="value:ParkingCardExpiryDate"data-role="datepicker"data-format="dd-MMM-yyyy"name="ParkingCardExpiryDate"required="required"/></dd> </dl> <div class="edit-buttons"> <a class="k-button k-update-button"href="\\#"><span class="k-icon k-update"></span></a> <a class="k-button k-cancel-button"href="\\#"><span class="k-icon k-cancel"></span></a> </div> </div></script>Now this renders a card but I'd like to go for a landscape view with 3 rows and three columns. Can we have customized layouts using bootstrap or tables for templates?