关于bootstrap4
关于bootstrap4,你在该项目中是指styles路径下的scss文件吗?不是npm install bootstrap4 ? 如果我是用的install,应如何操作?能不能将你的style介绍一下,因为我有参考Core UI for react
我是指install 的bootstrap4与您项目中的styles下的scss如何协调工作
bootstrap 只是使用了 mixins 和 variables 体系,css部分是自己按bootstrap的设计实现的,如果只是换肤的话,用这个loader替换掉 variables 就好了
{
loader: 'rctui-theme-loader',
options: {
// 少量的变量可以通过string传入
variables: '$brand-primary: blue;',
// 大量变量可以传入文件
files: ['src/_variables.scss']
}
}
如果fork了,在styles/themes 下面加一个 主题也可以
我对比了一下,虽然我知道bootstrap使用了 mixins 和 variables 体系,但install的和你的在文件及目录结构 上存在不少差别,不知道是什么原因?是因为install的是最新正式版的原因吗?我的意思是我已经install了,能否不用组件styles目录中的scss,而从组件包中拿出我需要的某组件js文件,并将类似import _tables from '../styles/_tables.scss'去掉,因为我在我项目index.js已经有整体引入我install的bootstrap
我的index.js中有 ... import '../scss/style.scss' ... 而style.scss中有@import "node_modules/bootstrap/scss/bootstrap"; 如果不用你组件中的css,我担心组件中有用到className的地方,在我install的bootstrap中没有
我又看了,你用的是Bootstrap4的Alpha版本,我用的是Beta版本的Bootstrap4,甚至是更新的,相比于Alpha版本已经往前迈了一大步,告别了传统盒模型的布局方式,拥抱flexbox,同时删去了很多以前的残余代码,很想你能用新的V4重整一下
应该不会在beta版的基础上改了,因为几乎是要把整个库样式重写一遍,有点性价比不高。等出正式版再考虑这个问题了。