Hello Bulma!

====== 03.ヘッダーNavbarとフッターFooter ====== [[00.cssフレームワークbulma用テンプレート:index.html|CSSフレームワークBulma利用のためのテンプレートhtmlファイル]] ===== 見出し ===== https://stackoverflow.com/questions/43727032/hero-footer-not-at-bottom-of-page フッターを、画面下に固定


.main {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.section {
  flex: 1;
}
And then adjust your template like this:


  
    ...
  
  
    ...

===== サンプルコード ===== index.html





  
  
  Hello Bulma!
  
  
  
  
  


    
  
    
      
        Bulmaテンプレート
      
    
  
    
  
    
      
    
  

  
    
      Wordpressでフリーオリジナルフォント

style.css


.main {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.section {
  flex: 1;
}

.footer {
  background-color: #f0f0f0;
}

{{ :00.cssフレームワークbulma用テンプレート:screenshot_20210108-205842_2.png |}} ===== リンク ===== [[00.cssフレームワークbulma用テンプレート:index.html|CSSフレームワークBulma利用のためのテンプレートhtmlファイル]]