2.4 bootstrapに基づいてページを書く

テンプレートページの作成

1、templateディレクトリの下にwebpageを新規作成する.htmlテンプレートページ、コードは以下の通りです:コードは少し長くて、私は細かく注釈します:

 
 
 
 

    

      






 
 
 
 
 
  
 
    
        Toggle navigation
        
        
        
     
    {{ APPName }}
  
 
  
  
  


      
      

        
{{ username }} (current)
        
  リンク
        

          マイリンク
          

            
QQ  
            
  
            

            
 のサイト
          
        
      

      
      

        
  
        
  する
      
   

      
      

        

          
        
          
      
    

  
 
 


 
 









 

2、/static/css／ディレクトリにstyleを する.cssファイル. は のcssを くことで、 2つのことをしています:1つはフォントで、2つはnavbarの を します.

body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { 
    font-family:"HanHei SC","PingFang SC","Helvetica Neue","Helvetica","STHeitiSC-Light","Arial",sans-serif;
}

body { padding-top: 50px; }

3、indexビュー のrend_を するtemplateファイルはさっき したwebpageです.html:

return render_template('webpage.html',username=username)

4、 して、 の を する.