Bootstrap模板(css和js)在Nextjs上的呈现问题

时间:2018-09-26 13:19:23

标签: reactjs styles components rendering next.js

我正在使用Nextjs(v6),并且还尝试使用从项目中的themes.getbootstrap.com购买的现成的引导程序模板(html,css,js)。我将组件和页面以及js文件嵌入到<Head>中。正如Nextjs文档中所建议的那样,我对CSS,SCSS都使用了模块加载器(并尝试了styled-jsx-plugin-sass)。没有错误,并且页面以所有样式呈现。

但是,Nextjs的输出行为和呈现方式与原始html模板不同。例如,未渲染节的填充,包括z-index的视差样式会给出意外的行为。

因此,当我们使用Nextjs并尝试将模板与css和js一起应用时,我想了解最佳实践。 以及当CSS必须在js中时我能理解组件渲染行为的方式。

请帮助!

0 个答案:

没有答案