1

PHPサイトでTwitterBootstrap（v2.1.1）を使用しています。ユーザーがサイトにログインまたはログアウトするとナビゲーションバーの内容が異なるため、PHPスクリプトで動的にナビゲーションバーを生成しています。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で結果を確認できます。

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スクリプトで必要な改行文字を生成するための推奨事項はありますか？

私は追加しようとしました
が、それは事態を悪化させました。

4

1 に答える 1

2

実際にはレンダリングに関連するリターンではないため、リターンは重要ではありません。重要なのは要素間のスペースであり、リターンによって「生成」されます。次の手順を実行するだけです。

$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>';

...そしてそれは大丈夫なはずです。

于 2012-09-12T11:05:47.797 に答える