bootstrap的下载与使用

2019-11-01  本文已影响0人  houxnan

bootstrap的官网:https://www.bootcss.com/

首先是要进入到bootstrap的官网,下载bootstrap到本地,如下图:

下载图

下载到本地之后,将bootstrap的下载文件可以拖动到HBuilderX中,之后在HBuilderX中新建一个文件,将bootstrap文件中的css文件、fonts文件、js文件拖到新建的项目中。

自己在新建项目中新建一个html,html中引入css文件。

如图将bootstrap中的css、fonts、js引入到demo这个项目中去。

之后要在html中将css文件等引入,如图:

之后写一段div名为container,container中有很多个名为row的div,每个row里面有个col-lg-4这样的列。

之后给这个container中的元素一些样式,在浏览器中看html的样式。

在页面很宽时样式如下:

页面很窄时样式如下:

上一篇 下一篇

猜你喜欢

热点阅读