📜  布尔玛入门模板

📅  最后修改于: 2022-05-13 01:56:15.557000             🧑  作者: Mango

布尔玛入门模板

Bulma 是一个开源的前端开发 CSS 框架,日益流行。这是一个了不起的框架,可以作为 Bootstrap 框架的替代品。为了开始使用这个框架,CSS 的基本知识绰绰有余。由于 Bulma 基于 Flexbox,它本质上是响应式的。

Bulma 是一个强大的框架,可以产生一些令人印象深刻的结果。它包含 40 个 .sass 文件(CSS 扩展名),每个文件处理不同的界面组件。这个框架最好的部分是它很简单,它的语法非常一致,以便快速掌握它。

我们只需要一个 CSS 文件就可以开始使用 Bulma 框架。首先,我们要么需要安装预编译的 . CSS 文件或安装 .sass 文件。在 Bulma Starter 模板中,我们将了解如何创建一个顶部带有一些文本的简单页面。

有关详细信息,请参阅 Bulma 介绍文章。

示例 1:此示例演示了 Basic Bulma CSS Starter 模板。

HTML


  

    Bulma Starter Template
    
    
    GFG Bulma starter template
     

  

    
        
            

        Hey GeeksforGeeks!       

            

                This is my Bulma template              

           
    
  


HTML


  

    Bulma Starter Template
    
    
    GFG Bulma starter template
     

  

    
        
            

                  

                  GeeksforGeeks                 

                

            

                                       GeeksforGeeks A Computer Science portal for geeks.
                    It contains well written, well thought and well explained
                    computer science and programming articles.                   
              

           
    
  


输出

布尔玛入门模板

布尔玛入门模板

示例 2:此示例演示了 Basic Bulma CSS Starter 模板。

HTML



  

    Bulma Starter Template
    
    
    GFG Bulma starter template
     

  

    
        
            

                  

                  GeeksforGeeks                 

                

            

                                       GeeksforGeeks A Computer Science portal for geeks.
                    It contains well written, well thought and well explained
                    computer science and programming articles.                   
              

           
    
  

输出

布尔玛入门模板

布尔玛入门模板

参考: https ://bulma.io/documentation/overview/start/#starter-template