📜  如何创建带有标题的引导面板?

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

如何创建带有标题的引导面板?

面板Bootstrap的一个矩形组件,通常用于向网站添加内容。它也可以有页眉或页脚,或两者兼有。 Bootstrap 还提供了各种类来为内容添加填充或多种颜色以使其更具吸引力。

CDN 链接:首先,在代码中包含样式表,以使用 Bootstrap 创建面板。

添加以下语法以获得带有标题的面板。 panel-heading 类使我们能够有一个指向我们的面板的标题。

句法:

Heading content
Body content

下面的示例演示了这种方法。

例子:

HTML


  

    

  

    
        

            GeeksforGeeks         

                   
            
                Courses             
            
                C++ for beginners             
            
                Python for beginners             
            
                Java for beginners             
        
    
  


输出:在下面的输出中,使用 Bootstrap 创建了一个面板,其中“课程”作为其标题。