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的样式。
在页面很宽时样式如下:
页面很窄时样式如下:
网友评论