一、 Bootstrap简介

Bootstrap是一个开源的前端框架，它提供了一个简单而强大的工具集，用于快速开发响应式、移动优先的网站和应用程序。Bootstrap提供了大量的预定义样式和组件，可以帮助开发者节省时间，提高开发效率。

二、Bootstrap可视化布局的基本概念

Bootstrap的可视化布局主要依赖于栅格系统。栅格系统是一个响应式布局系统， 它可以将页面划分为12列的网格，开发者可以根据需要将内容放置在这些网格中。

Bootstrap的栅格系统包括以下几个基本概念：

• 容器：用于包裹内容，确保内容在所有设备上都有良好的布局。
• 行：用于在容器内创建水平布局区域。
• 列：用于在行内创建垂直布局区域。

三、创建容器和行

Bootstrap的布局系统基于容器和行的概念。容器用于包裹内容，而行则用于在容器内创建水平的布局区域。

            

                

                    内容1
                
                

                    内容2