NODE.js pugテンプレートの開発を改善するには？

Question

私はバックエンド開発者ですが、最近私の仕事はNODE.jsプロジェクトを開発することでした。サーバーの部分は私にとってはうまく見えますが、私はフロントエンドのページを開発するのに苦労しています。 これらのページを簡素化して圧縮するために、私はpug（以前はヒスイ）を使い始めました。しかし、私のページは少し単純すぎます。

ウェブページのデザインを改善するにはどうすればよいですか？ :)私は...これらのページを開発するだけではなく、「テキスト行」でそれをやっていくつかのより良い方法があるはずと信じて

：\

敬具、 ロレンツォ

P.S.パグ「コード」1つのグレーのボタンで空白のWebページで結果の例では、2つのテキストボックス、および2つのラベル：

html 
    body 
    form(action='/login', method='post') 
     div 
     label Username: 
     | 
     input(type='text', name='username') 
     br 
     div 
     label Password: 
     | 
     input(type='password', name='password') 
     div 
     input(type='submit', value='Submit') 

Answer 1

@bitifetは、ブートストラップ・フレームワークを使用することを提案することで、この質問に答えました。ブートストラップフレームワークは、Webアプリケーションに「ベルとホイッスル」を追加する簡単な方法を提供します。