Bootstrap checkbox & radio are broken

[nnixaa]

Issue type

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

• [x] bug report
• [ ] feature request

Issue description

Current behavior:

Expected behavior:

[admir86]

is nb-checkbox also broken? or does I'm missing some css?

component.html:

<div class="form-group">
  <nb-checkbox name="rememberMe">Remember me</nb-checkbox>
</div>

angular-cli.json:

"styles": [
                "../node_modules/bootstrap/dist/css/bootstrap.css",
                "../node_modules/font-awesome/css/font-awesome.min.css",
                "../node_modules/roboto-fontface/css/roboto/roboto-fontface.css",
                "../node_modules/@nebular/theme/styles/prebuilt/cosmic.css",
                "../node_modules/nebular-icons/scss/nebular-icons.scss",
                "styles.scss"
            ],

package.json:

"dependencies": {
        "@angular/animations": "^5.2.4",
        "@angular/common": "^5.2.4",
        "@angular/compiler": "^5.2.4",
        "@angular/core": "^5.2.4",
        "@angular/forms": "^5.2.4",
        "@angular/http": "^5.2.4",
        "@angular/platform-browser": "^5.2.4",
        "@angular/platform-browser-dynamic": "^5.2.4",
        "@angular/router": "^5.2.4",
        "@nebular/theme": "^2.0.0-rc.5",
        "@ng-bootstrap/ng-bootstrap": "1.0.0",
        "bootstrap": "^4.0.0",
        "core-js": "^2.5.3",
        "font-awesome": "^4.7.0",
        "nebular-icons": "^1.0.6",
        "roboto-fontface": "^0.9.0",
        "rxjs": "^5.5.6",
        "zone.js": "^0.8.20"
    },