美文网首页
bootstrap的下载与使用

bootstrap的下载与使用

作者: houxnan | 来源:发表于2019-11-01 13:45 被阅读0次

    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的样式。

    在页面很宽时样式如下:

    页面很窄时样式如下:

    相关文章

      网友评论

          本文标题:bootstrap的下载与使用

          本文链接:https://www.haomeiwen.com/subject/ecahyctx.html