Problem with applying Bootstrap styles to Angular2 components.
The Bootstrap fluid container is not functioning properly in the UI when used within an Angular2 component. However, it works fine if 'container-fluid' is placed inside the component as a div element.
For example, this code does not work:
@Component({
selector: 'gn-app',
viewProviders: [],
moduleId: module.id,
template:
`<gn-layout class="container-fluid"
(window:resize)="gnOnResize($event)"
</gn-layout>
`,
directives: [ROUTER_DIRECTIVES, LayoutComponent]
})
Here is the corrected code that works:
<gn-layout>
<div class="container-fluid">
<div class"row">
<gn-container></gn-container>
</div>
</div>
</gn-layout>