Bootstrap 简介-白红宇

Bootstrap 简介

阅读量：7257 次

发布时间：2019-06-29

本文共 1194 字，大约阅读时间需要 3 分钟。

一、Bootstrap介绍

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。本课时讲解 Bootstrap 的概念，并介绍 Bootstrap 应用场景和如何下载。

中文官方网站：

二、入门例子创建

下面讲解如何来使用 Bootstrap，通过引入 Bootstrap，来实现一个最基本的入门例子。

实现的效果如图所示：

代码如下：


     Bootstrap 模板
     
     
        
            
                
        W3Cshool      
       
      
                
                    
         Home
            
         About
            
         Contact
         
        
      
       
   
      
     
        
            
       Bootstrap starter template
      
       初学BootStrap初学BootStrap初学BootStrap初学BootStrap初学BootStrap初学BootStrap初学BootStrap初学BootStrap初学BootStrap初学BootStrap

三、全局css样式-排版

主要来了解排版中的标题、页面主体、内联元素文本、对齐、大小写、地址等的使用。

实现效果：

实例代码：


     Bootstrap 模板
     
     
        
      学习Bootstrap
   
      学习Bootstrap
   
      学习Bootstrap
   
      学习Bootstrap欢迎您的到来
   
      hellohellohellohellohellohello
   
      hellohellohellohellohellohellohello
   
      Hello World:欢迎来到Bootstrap学习知识
   
         
      你好吗？
   
      你好吗？
   
      你好吗？
   
      hdofdo
   
      dfsodsfosdfo
   
      dsfsdwedertt
   
            Bootstrap
      北京市，海淀区
      中关村大厦：10086      P：8888 8888   
   
            
       1
      
       2
      
       3