js')チャットUIレイアウトの作成チャットのユーザーインターフェイスのレイアウトを開発する時です。ブートストラップについて読んで、この長いチュートリアルを見てみてください。すべてのチャットエンジンには、最近受信したメッセージの領域と、ユーザーがメッセージを書き込んで送信する領域があります。Semalt、レイアウトは編集エリアを下部に、メッセージを上部に付けたものでした。HTMLページの要素をビューポートの下部に少しでも修正するのは簡単ではありません。フッターを一番下に固定するには、このサンプルに従います。ファイルにコピーし、コンテンツブロックの下にあるすべてのコード行を削除します。受信したメッセージを含むページの領域を追加します。追加することから始めましょう。生成して、を生成する。インデントを使用することで、Jadeテンプレートエンジンに、インデントされた要素がインデントされていない要素の中に入ることを伝えることができます。他のチュートリアルでそれを見逃した場合は、このJadeチュートリアルを見てください。追加して、ページに流体幅を追加します。使用して、チャットルームのメッセージ編集領域をビューポートの下部にプッシュダウンします。コンテナ流体h1ノードチャットルームへようこそ#メッセージ。プッシュ次に、メッセージ編集エリアを開発する予定です。内のボタンを送信したいと思います。同じくぼみを持ちます。次に、ブートストラップ・グリッド・システム(ここで読む)を使用して、メッセージ編集領域を2つに分割します。表記法を使用して要素の属性を指定する方法に注意してください。コードは次のようになります:。