Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

关于bootstrap4 #110

Open
zhangqhzz opened this issue Mar 14, 2018 · 6 comments
Open

关于bootstrap4 #110

zhangqhzz opened this issue Mar 14, 2018 · 6 comments

Comments

@zhangqhzz
Copy link

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

@zhangqhzz
Copy link
Author

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

@Lobos
Copy link
Owner

Lobos commented Mar 15, 2018

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

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

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

@zhangqhzz
Copy link
Author

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

@zhangqhzz
Copy link
Author

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

@zhangqhzz
Copy link
Author

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

@Lobos
Copy link
Owner

Lobos commented Mar 19, 2018

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants