Wordpress 引导窗体的样式不正确

我在引导表单方面遇到一些问题。由于某种原因，他们都会搞砸。

它应该是这样的：


这就是它在我的页面上的显示方式：


如您所见，它使输入框变小，并在每行后面放置“br”代码。它还将随机的“p”放入其中，而没有任何结束标记。（在页面上找不到任何位置）


我的输入代码：

<form>
  <fieldset>
    <legend>Legend</legend>
    <label>Label name</label>
    <input type="text" placeholder="Type something…">
    <span class="help-block">Example block-level help text here.</span>
    <label class="checkbox">
      <input type="checkbox"> Check me out
    </label>
    <button type="submit" class="btn">Submit</button>
  </fieldset>
</form>

传奇
标签名称
这里的示例块级帮助文本。
看看我
提交

浏览器中的输出代码：

<form>
  <fieldset>
    <legend>Legend</legend>
    <p>
      <label>Label name</label><br />
      <input type="text" placeholder="Type something…"><br />
      <span class="help-block">Example block-level help text here.</span><br />
      <label class="checkbox"><br />
        <input type="checkbox"> Check me out<br />
      </label><br />
      <button type="submit" class="btn">Submit</button><br />
  </fieldset>
</form>

传奇

标签名称



此处为示例块级帮助文本。



查看我



提交

所以我的问题是,；可能是什么原因导致此问题？如何修复此问题？

我在wordpress上使用Bootstrap v2.3.2作为主题，并遵循本教程，因此我的大部分代码看起来都是这样。
blog.teamtreehouse（dot）com/responsive wordpress引导主题教程

---

感谢您抽出时间阅读此内容。：）

这不是引导的问题，而是WordPress编辑器（或您如何使用它）的问题

---

您需要使用纯文本编辑器或重新配置编辑器在保存时对HTML所做的操作

请将图片包含在帖子中而不是imgur上。不可能。我是新用户。新用户有各种各样的限制。这是我第一次使用stackoverflow。我认为Enter在创建alinea时效果不太好，所以我到处都使用br标签，哈哈。是的，谢谢你的回复，我会查看wordpress编辑器。这也是我的第一个想法