nodejs怎么使用bootstrap

 时间:2024-10-28 02:34:58

一琐绔纠滴般情况下,Bootstrap是和jquery一起使用,如果在nodejs中使用,需要进行安装。那么,具体nodejs怎么使用bootstrap?

nodejs怎么使用bootstrap

工具/原料

node.js

ejs

JavaScript

jquery

bootstrap

HTML5

CSS3

HBuilderX

截图工具

WPS

浏览器

方法/步骤

1、下载和安装nodejs项楫默礤鲼目,进入到项目根目录,鼠标右键选择GitBashHere,输入cnpminstallbootstrap,安装bootstrap

nodejs怎么使用bootstrap

2、接着使用cnpm命令---cnpminstalljquery,安装jquery依赖包

nodejs怎么使用bootstrap

3、再次使用cnpm安装nodejs模板语言ejs,使用cnpminstallejs

nodejs怎么使用bootstrap

4、在项目中的pages文件夹下,新建html文件,输入文件名并点击创建

nodejs怎么使用bootstrap

5、打开已新建的页面文件,引入bootstrap相关的css和js文件,还要引入jquery文件

nodejs怎么使用bootstrap

6、在body标签元素中,插入div标签和几个按钮,使用bootstrap进行布局

nodejs怎么使用bootstrap

7、保存代码并运行页面文件,打开浏览器查看效果,可以看到一组按钮

nodejs怎么使用bootstrap

网页上显示html代码方法 谷歌浏览器安装Xpathhelper显示安装包无效 HTML教程 table标签的常用属性 HBuilder设置web服务器 MySQL安装applying security settings错误解决
热门搜索
漫画吧 男生被男生做的漫画 美猴王图片 守株待兔图片 成熟女人图片