📜  Bootstrap 包包括什么?

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

Bootstrap 包包括什么?

它包含用于排版、表单、按钮和其他界面组件的基于 HTML 和 CSS 的设计模板,以及可选的 JavaScript 扩展。一个网站有许多不同的元素,例如标题、列表、表格、图像、按钮、表单等。所有这些基本的 HTML 元素都已通过可扩展类进行样式化和增强。

您创建的引导程序包应包括 /config、/license、/software 和 /content 文件夹。

Bootstrap 包包括:

  • 脚手架: Bootstrap 提供了一个基本结构,包括网格系统、媒体布局、背景和链接样式。
  • 组件: Bootstrap 包含几个可重用的组件,用于提供下拉菜单、图标、弹出框、导航、警报、轮播、面包屑等等。
  • 定制:为了得到你的版本,它定制了 Bootstrap 的组件,更少的变量,导入 Sass 文件和 jQuery 插件。
  • CSS: Bootstrap 中提供了全局 CSS 设置、使用可扩展类进行样式化和增强的 HTML 元素以及高级网格系统等功能。
  • JavaScript 插件: Bootstrap 提供了几个自定义的 jQuery 插件。用户可以很容易地从引导文档中获取它们。

这些是为其提供样式的 HTML 元素:排版、代码、表格、表单、按钮等等。无论您需要添加下拉菜单、分页、工具提示还是警报框,Bootstrap 都能满足您的需求。

预先设置样式的组件是:

  • 下拉菜单
  • 按钮组
  • 导航栏
  • 面包屑
  • 标签和徽章
  • 警报
  • 进度条
  • 旋转木马
  • 模态
  • 还有许多其他人。

如何包含引导程序包:您可以通过多种方式包含引导程序包:

1.通过使用CDN:您可以在主HTML文件中的以下CDN链接启动引导程序。要获取最新的 CND 链接,请访问 Bootstrap 网站并单击开始。

  • CSS:
  • JS:

2. 通过使用包管理器:您可以使用包管理器在项目中包含引导包:

  • npm
  • 红宝石宝石
  • 作曲家

3. 下载源文件:

您可以通过下载 bootstrap 的源文件来包含 bootstrap 包。我在参考部分添加了下载源文件的链接。你可以在那里办理登机手续。

示例:在此示例中,我创建了一张卡片,它是 Bootstrap 中最流行的组件之一。

HTML


  

    Bootstrap links
    
    

  

    
    
        
            
Card title
            

                Some quick example text to build on the                    card title and make up the bulk of the                    card's content.             

               Click this buttom         
    
    
  


输出:

上述代码的输出(引导卡)