Twitter 부트 스트랩 탐색 바 - 양식 입력 사이의 공간

Question

PHP 사이트에서 Twitter 부트 스트랩 (v2.1.1)을 사용하고 있습니다. 사용자가 사이트에 로그인하거나 로그 아웃 한 경우 내비게이션 막대가 다른 내용을 갖기 때문에 PHP 스크립트에서 동적으로 내비게이션 막대를 생성합니다. PHP를 사용하여 사이트를 생성 할 때 로그인 양식 입력 필드에 정확한 간격이없는 문제가 있습니다.

$loginLink .= '<form class="navbar-form pull-right">'; 
$loginLink .= '<input class="span2" type="text" placeholder="Account Name">'; 
$loginLink .= '<input class="span2" type="password" placeholder="Password">'; 
$loginLink .= '<button type="submit" class="btn">Log in</button>'; 
$loginLink .= '</form>'; 

내가 그 밖으로 에코 -이 jsFiddle에서 결과를 볼 수 있습니다 다음은 로그인 폼에 대한 관련 PHP 코드의 계정 사이에 공백이없는 방법

http://jsfiddle.net/fmdataweb/PugbE/

공지 사항 이름, 암호 및 로그인 버튼. 당신이 보는 방법을 볼 수 있습니다

http://twitter.github.com/bootstrap/examples/hero.html

나는 경우,이 2 개 라인 전에 캐리지 리턴을 만드는 것이 밖으로 일했습니다

는

<input class="span2" type="password" placeholder="Password"> 
<button type="submit" class="btn">Log in</button> 

는 다음 브라우저에서 제대로 렌더링합니다.

당신이 jsFiddle에서 이러한 수익률 버전을 볼 수 있습니다

http://jsfiddle.net/fmdataweb/CqAPr/

내가 돌아 여기 왜 중요한지 모르겠지만 (뭔가 내가 부족하지 않는 한) 그들이 주어진을 사람이 PHP 스크립트에서 필요한 개행 문자를 생성하기위한 권장 사항은 무엇입니까?

나는
을 추가하려고 시도했지만 상황이 악화되었습니다.

Answer 1

실제로 렌더링과 관련된 반환 값이 아니기 때문에 반환 값은 중요하지 않습니다. 그것은 중요하고 반환에 의해 "생성 된"요소 사이의 공간입니다. 다음을 수행하십시오.

$loginLink .= '<form class="navbar-form pull-right">'; 
$loginLink .= '<input class="span2" type="text" placeholder="Account Name"> '; // notice space here 
$loginLink .= '<input class="span2" type="password" placeholder="Password"> '; // and here 
$loginLink .= '<button type="submit" class="btn">Log in</button>'; 
$loginLink .= '</form>'; 

... 괜찮습니다.