Question

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

它应该是这样的：
http://i.imgur.com/vjCZvwc.png

这是它在我的页面上显示的方式：
http://i.imgur.com/48qtLc7.png

正如您所看到的，它使输入框变小，并在每行后面放置'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>

所以我的问题是;可能导致这种情况的原因以及如何解决？

我正在使用Bootstrap v2.3.2作为wordpress的主题并遵循本教程，因此我的大部分代码都是这样的。
blog.teamtreehouse（dot）com / responsive-wordpress-bootstrap-theme-tutorial

感谢您抽出时间来阅读。：）

Answer 1

这不是Bootstrap的问题，而是你的WordPress编辑器（或者你如何使用它）。

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

Bootstrap表单样式不正确

1 个答案: