react-ui icon indicating copy to clipboard operation
react-ui copied to clipboard

关于bootstrap4

Open zhangqhzz opened this issue 7 years ago • 6 comments

关于bootstrap4,你在该项目中是指styles路径下的scss文件吗?不是npm install bootstrap4 ? 如果我是用的install,应如何操作?能不能将你的style介绍一下,因为我有参考Core UI for react

zhangqhzz avatar Mar 14 '18 08:03 zhangqhzz

我是指install 的bootstrap4与您项目中的styles下的scss如何协调工作

zhangqhzz avatar Mar 14 '18 08:03 zhangqhzz

bootstrap 只是使用了 mixins 和 variables 体系,css部分是自己按bootstrap的设计实现的,如果只是换肤的话,用这个loader替换掉 variables 就好了

{
      loader: 'rctui-theme-loader',
      options: {
        // 少量的变量可以通过string传入
        variables: '$brand-primary: blue;',
        // 大量变量可以传入文件
        files: ['src/_variables.scss']
      }
    }

如果fork了,在styles/themes 下面加一个 主题也可以

Lobos avatar Mar 15 '18 01:03 Lobos

我对比了一下,虽然我知道bootstrap使用了 mixins 和 variables 体系,但install的和你的在文件及目录结构 上存在不少差别,不知道是什么原因?是因为install的是最新正式版的原因吗?我的意思是我已经install了,能否不用组件styles目录中的scss,而从组件包中拿出我需要的某组件js文件,并将类似import _tables from '../styles/_tables.scss'去掉,因为我在我项目index.js已经有整体引入我install的bootstrap

zhangqhzz avatar Mar 16 '18 03:03 zhangqhzz

我的index.js中有 ... import '../scss/style.scss' ... 而style.scss中有@import "node_modules/bootstrap/scss/bootstrap"; 如果不用你组件中的css,我担心组件中有用到className的地方,在我install的bootstrap中没有

zhangqhzz avatar Mar 16 '18 03:03 zhangqhzz

我又看了,你用的是Bootstrap4的Alpha版本,我用的是Beta版本的Bootstrap4,甚至是更新的,相比于Alpha版本已经往前迈了一大步,告别了传统盒模型的布局方式,拥抱flexbox,同时删去了很多以前的残余代码,很想你能用新的V4重整一下

zhangqhzz avatar Mar 19 '18 08:03 zhangqhzz

应该不会在beta版的基础上改了,因为几乎是要把整个库样式重写一遍,有点性价比不高。等出正式版再考虑这个问题了。

Lobos avatar Mar 19 '18 16:03 Lobos