Html 怪异<；第节>；Twitter引导中的行为

我一直在一个小型项目上使用Twitter引导。我用的是'和它，有一点奇怪的行为。我有jQuery，它允许我在单击按钮时创建新的选项卡。新选项卡处于活动状态并包含表单。这个表格取代了下面的标题，我不知道为什么。有人能帮忙吗

代码片段：

<section id="builder">
  <div class="page-header">
    <h1>App Builder. <small>Create your app.</small></h1>
  </div>
  <div class="span7">
    <!-- ===== App Title ===== -->
    <div class="control-group">
      <label class="control-label" for="appTitle">App Title</label>
      <div class="controls">
        <input type="text" class="input-xlarge" id="appTitle">
        <p class="help-block">Enter the title for your app. It will appear at the top of your app.</p>
      </div>
    </div>
    <!-- ===== App Subtitle ===== -->
    <div class="control-group">
      <label class="control-label" for="appSubtitle">App Subtitle</label>
      <div class="controls">
        <input type="text" class="input-xlarge" id="appSubtitle">
        <p class="help-block">Enter the subtitle for your app. It will appear below the title.</p>
      </div>
    </div>
    <!-- ===== App Theme ===== -->
    <div class="control-group">
      <label class="control-label" for="appTheme">App Theme</label>
      <div class="controls">
        <select id="appTheme">
          <option>Dark</option>
          <option>Light</option>
        </select>
        <p class="help-block">Select the theme for your app. You can preview your theme on the right.</p>
      </div>
    </div>
    <!-- ===== App Pages ===== -->
    <p>App Pages</p>
      <ul class="nav nav-tabs" id="tabHeaders">
      <li><a href="javascript:void(0);" id="createTab"><i class="icon-plus"></i>Add Page</a></li>
      <!-- Tabs (Created by Javascript) -->
      </ul>
      <div class="tab-content" id="tabContent">
      <!-- Tab Content (Created by Javascript) -->
      </div>
  </div>
  <div class="span4">
    <div class="iphonebackground">
      <div class="screenbackground"></div>
    </div>
  </div>
</section>
<section id="preview">
  <div class="page-header">
    <h1>Preview your App. <small>See your app in it's full glory before you download it.</small></h1>
  </div>
</section>

应用程序生成器。创建你的应用程序。
应用程序标题
输入应用程序的标题。它将出现在应用程序的顶部
应用程序字幕
输入应用程序的字幕。它将出现在标题下面
应用程序主题
黑暗的
轻的
选择应用程序的主题。你可以在右边预览你的主题
应用程序页面




预览你的应用程序。在下载应用程序之前，请先在“它的全部荣耀”中查看应用程序。

添加新选项卡之前：

添加新选项卡后：

---

看起来文本在新选项卡周围浮动。尝试使用

清除：左代码，以查看它是否正确地放回选项卡下方。
为它创建JSFIDLE或发布jquery代码。@I\u调试\u我认为jquery不相关的所有内容，但如果需要，它至少会添加到节元素的内联样式。试试这个：你在说什么文本？添加
clear:left
到CSS的
中，它现在可以工作了。我指的是包含文本的
，很抱歉没有说得更具体！很高兴你把它整理好了。