脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → Bootstrap面板

Bootstrap面板学习使用

 更新时间：2017年02月09日 08:29:38   作者：轻扰时光  
这篇文章主要为大家详细介绍了Bootstrap面板的学习使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Bootstrap面板的具体实现代码，供大家参考，具体内容如下

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bootstrap</title>
  <link rel="stylesheet" href="css/bootstrap.css" rel="external nofollow" />
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="ppanel panel-default"><!--panel是面板的意思-->
        <div class="panel-heading"><!--面板头部区域-->
          <h3 class="panel-title">水果</h3><!--面板头部区域标题样式-->
        </div>
        <div class="panel-body"><!--面板内容区域-->
          <p>几十块的割发代首看定居地方时刻到了房间打开看电视的空间的空间看到</p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="ppanel panel-primary"><!--还可以是success、warning、danger等-->
        <div class="panel-heading">
          <h3 class="panel-title">水果</h3>
        </div>
        <div class="panel-body">
          <p>几十块的割发代首看定居地方时刻到了房间打开看电视的空间的空间看到</p>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery-2.1.0.js"></script>
  <script src="js/bootstrap.js"></script>
</body>
</html>

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • JS使用队列对数组排列，基数排序算法示例

    JS使用队列对数组排列，基数排序算法示例

    这篇文章主要介绍了JS使用队列对数组排列，基数排序算法,涉及javascript队列的定义、使用,基数排序实现方法等相关操作技巧,需要的朋友可以参考下
    2019-03-03
  • Js利用console计算代码运行时间的方法示例

    Js利用console计算代码运行时间的方法示例

    最近看了一本书，发现了个计算代码执行时间的方法，感觉还挺有用的，所以这篇文章主要给大家介绍了关于Javascript利用console计算代码运行时间的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
    2017-09-09
  • 原生js写的放大镜效果

    原生js写的放大镜效果

    在淘宝上购物时，总会看到类似放大镜的效果。以下为原生js写的一个放大镜效果，其中肯定有很多不足，请大牛们指正，谢啦
    2012-08-08
  • JavaScript中的Window.open()用法示例详解

    JavaScript中的Window.open()用法示例详解

    这篇文章主要给大家介绍了关于JavaScript中Window.open()用法的相关资料,今天在项目中用到了弹出子窗口,就想到了用JavaScript实现的两种方法,其中一个就是window.open(),需要的朋友可以参考下
    2023-07-07
  • js 轮播效果实例分享

    js 轮播效果实例分享

    本文主要分享了基于js实现的轮播效果的实例代码，具有一定的参考价值，下面跟着小编一起来看下吧
    2016-12-12
  • js禁止Backspace键使浏览器后退的实现方法

    js禁止Backspace键使浏览器后退的实现方法

    下面小编就为大家带来一篇js禁止Backspace键使浏览器后退的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • js常用代码段收集

    js常用代码段收集

    以下是平时收集的几个常用代码段，大多数是从网上搜集而来。也均为未找到是谁谁原创，是否允许转载等要求， 所以如果看到的朋友发现其中有些代码是自己写的，还请原谅在下转帖出来。
    2011-10-10
  • php，js，css字符串截取的办法集锦

    php，js，css字符串截取的办法集锦

    这篇文章主要介绍了php，js，css字符串截取的办法，其实没有什么技术含量，就是记录一下，方便自己复习巩固，希望对大家能有所帮助
    2014-09-09
  • Bootstrap在线电子商务网站实战项目5

    Bootstrap在线电子商务网站实战项目5

    这篇文章主要为大家分享了Bootstrap在线电子商务网站实战项目，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Javascript 面向对象特性

    Javascript 面向对象特性

    很少有人对JavaScript的面向对象特性进行系统的分析。我希望接下来的文字让你了解到这个语言最少为人知的一面。
    2009-12-12

最新评论