产品世界当前位置:菲娱2国际 > 产品世界 > >

菲娱国际平台:Bootstrap面板使用方法

  

[bootstrap使用方法,bootstrap面板]Bootstrap面板使用方法

  

面板样式是在很多种情况下都可能会使用到的样式之一,例如博客的侧边栏、企业网站的公告栏、栏目列表等。

  

  

面板样式除了内容之外,还有一个面板头部可以添加标题,让我们通过这篇文章看看Bootstrap面板样式的使用方法。

  

  

Bootstrap面板基本样式  

  

直接调用面板样式也非常容易,只需要通过以下代码即可实现:  
  

  
  
  
  
  Basic panel example  
  
  
  

该样式仅仅包含了面板样式的内容部分,而没有加入头部,适用于不需要头部的面板内容。

  

  

Bootstrap面板带标题样式  

  

上面提到的面板样式是没有带标题的,在一些情况下不够用,所以Bootstrap面板还提供了带有标题的面板样式,让我们看看应该怎么去使用:  
  

  
  
  
  
  

面板标题

  
  
  面板内容  
  
  
  

上面这一部分代码是最为标准的带有标题的面板结构,为了适应阅读设备以及SEO搜索引擎优化元素,最好将标题放入h1-h5的标签中。

  

  

Bootstrap面板带注脚样式  

  

如果一些解释说明类的文字无法在面板标题很好地表现出来,可以通过注脚的形式来进行说明,Bootstrap面板同样提供了注脚这个样式:  
  

  
  
  

(责任编辑:admin)

上一篇:JavaScript简单实现弹出拖拽窗口(一)

下一篇:没有了

推荐内容

客户服务热线

010-400-12345

在线客服