twitter-bootstrap - 消失在自定义 DNN 模块中使用 knockoutJS Twitter Bootstrap 时的标记

Question

假设我有一个简单的表格示例

<form class="form-horizontal"> 
      <div class="input-append date form_datetime">
         <input size="16" type="text" value="" data-bind="value: startDate" />
          <span class="add-on"><i class="icon-calendar"></i></span>
       </div>

       <div class="input-append date form_datetime">
              <input size="16" type="text" value="" data-bind="value: endDate" />
              <span class="add-on"><i class="icon-calendar"></i></span>
       </div>
</form>

当我加载页面时，绑定和输入按预期工作，但<form>缺少标签：

   <div class="input-append date form_datetime">
     <input size="16" type="text" value="" data-bind="value: startDate" />
      <span class="add-on"><i class="icon-calendar"></i></span>
   </div>                   
   <div class="input-append date form_datetime">
          <input size="16" type="text" value="" data-bind="value: endDate" />
          <span class="add-on"><i class="icon-calendar"></i></span>
   </div>

这会导致一些与引导相关的 css 无法应用于表单输入。知道是什么原因造成的吗？

Answer 1

DNN 是基于 ASP.Net 网络表单的，因此每页只允许一个表单。<form>用标签替换<div>标签，它应该可以工作。