부트 스트랩 양식이 올바르게 지정되지 않았습니다.

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> 

그래서 제 질문입니다; 이 문제의 원인은 무엇이며 문제를 해결하려면 어떻게해야합니까?

저는 Wordpress에서 테마로 부트 스트랩 v2.3.2를 사용하고 있으며이 튜토리얼을 따라 했으므로 대부분의 코드는 이와 유사합니다.
blog.teamtreehouse (dot) com/responsive-wordpress-bootstrap-theme-tutorial

시간을내어 읽어 주셔서 감사합니다. :)

Answer 1

이것은 부트 스트랩이 아니라 워드 프레스 편집기 (또는 사용 방법)에 문제가 없습니다.

평범한 텍스트 편집기를 사용해야하거나 저장시 편집자가 HTML에 수행하는 작업을 다시 구성해야합니다.