Weird behavior with nebular and bootstrap breakpoints

[jlopez994]

Issue type

I'm submitting a ... (check one with "x")

• [X] bug report
• [ ] feature request
• [ ] question about the decisions made in the repository

Issue description

Current behavior: Nebular breakpoints are being replaced by bootstrap breakpoints when app is built for production.

Expected behavior: Nebular breakpoints shouldn't be replaced .

Steps to reproduce:

1. Combine one of these custom breakpoints with another one from boostrap on any page
2. Build for production

Related code: You can try with the ngx-admin demo page. Just combine two breakpoints so you can see it is not working well.

<div class="col-xxxl-3 col-md-2"></div>

With the previous snippet code, col-md-2 will replace the styles even when the screen size is enough to apply col-xxxl-3 styles.

Other information:

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
Check your `package-lock.json` or locate a `package.json` in the `node_modules` folder.
-->

[jdominguezpaz]

I have the same issue