Some of the styles introduced by Angular4 into bootstrap do not take effect.

the current situation is that the grid is in effect, the background bar is not valid, and so on. What"s the problem?
this is not another unanswered question, is it

Target style:

1.app.component.html

<app-navbar></app-navbar>

<div class="container">
  <div class="row">
    <div class="col-md-3">
      <app-search></app-search>
    </div>
    <div class="col-md-9">
      <div class="row">
        <app-carousel></app-carousel>
      </div>
      <div class="row">
        <app-product></app-product>
      </div>
    </div>
  </div>
</div>

<app-footer></app-footer>

2.navbar.component.html

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="-sharp"></a>
    </div>
  </div>
</nav>

3.angular-cli.json

      "styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.css"
      ],
      "scripts": ["../node_modules/jquery/dist/jquery.js",
                  "../node_modules/bootstrap/dist/js/bootstrap.js"
                ],

4.packge.json


    "bootstrap": "^4.0.0",
    "jquery": "^3.3.1",

Angular4

Mar.01,2021

Don't look at bootstrap4 Chinese website, the above is inconsistent with the latest bootstrap, so you may have written outdated code (your library should be up to date)
to see the original bootstrap official website

Previous: React declaration component

Next: Php curl is written in the same function, but it is requested at the same time.

Can angular @ Input parent components trigger events within child components by passing values to child components?
I use @ Input to define the value @ Input () product:ProductModel; within the subcomponent. then change the product value when the parent component triggers the event and pass it to the child component < details_main [product] = "product " > < de...

Angular4 angular2

Feb.26,2021
How to listen in angular4 * whether the ngFor has finished traversing
< html > <ion-list> <ion-item *ngFor= let i of list >< ion-item> < ion-list> < html > how do I listen to whether ngFof has finished traversing this array? ...

Html javascript ionic angular4

Feb.27,2021
Angular control ng2-date-picker date initialization error.
https: stackblitz.com edit n. use ng2-date-picker to see why date values are incorrectly formatted when initialized to a ng-datepicker control. is automatically converted to utc format. ...

Datepicker angular4

Feb.27,2021
Looking for a tool that can debug ng2!
find a tool that can debug ng2! it is difficult to debug, especially when debugging UI libraries ...

Angular4 angular2

Feb.28,2021
Find a simple ng2 http request method?
A rookie gets started and asks for a simple ng2 http request method I hope you can list the modules and introduced variables for me. Thank you . ...

Angular4 angular2

Feb.28,2021
It is invalid to use ng server to start other people's access in the local area network in the angular4 project.
after using ng server in angular4 project, you can open it locally with localhost:4200. In the local area network, others can t access my project with my local area network address. ...

Lan angular4 server

Feb.28,2021
Angular2 two-way binding error?
app.component.ts import { Component } from @angular core ; @Component({ selector: app-root , templateUrl: . app.component.html , styleUrls: [ . app.component.css ] }) export class AppComponent { title = app ; stock = "...

Angular4 angular2

Feb.28,2021
Looking for a service "code" that can centrally manage the interface?!
1. At first, I wrote the interface in each component.ts . 2,server.ts ...

Angular5 angular4 angular2

Feb.28,2021
How to install a lower version of angular scaffolding?
angular1.7.11.4.4ng g component xxx ask for help ~ ...

Angular4 angular2

Feb.28,2021
How do you assign the nz-table in ng-alain and ng Zorro?
nz-table but it is useless, ask the boss to solve it! http: ng-alain.com https: ng.ant.design -sharp compo. ...

Angular5 angular4 angular2

Feb.28,2021
How to put the data returned three times in angular4 into an array?
...

Angular4

Feb.28,2021
About the internationalization configuration of NG-ZORRO in ng2+?
1, display configuration document 2i18n.service.ts } 3 ...

Align ng-zorro angular5 angular4 angular2

Mar.01,2021
How to add the variable index (i) to the ngIf nested within the Angular4 ngFor loop
for example, how to add the index variable I to the * ngIf layer? currently in the innermost * ngIf references I detailed description: "Total fourth layer " is multiple. After clicking "Evaluation " (the I value is passed here), "more "...

Angular4

Mar.01,2021
The solution to the Cross-domain problem of different Ports in Angular
recently started to learn, is still in the tutorial stage, there is a ready-made background to test, but found a problem, angular before and after the project separation mode, will inevitably encounter different port cross-domain problem, why there is no...

Angular5 angular4 angularjs

Mar.01,2021
Ng2 has a problem with setting up a proxy service on its own. ~
follow the course, still request mock data of less than 8000 port "data of port 8000 can be requested directly to , but request 8000 port at port 4001. , help me with some suggestions ...

Angular5 angular4 angular2

Mar.01,2021
How the tinyMCE Rich text Editor sets the default picture width
guys, I want to set a default width for the image in the editor after the user uploads the picture. Where should I set it? here are my current tinyMCE initialization settings tinymce.init({ selector: -sharp + this.elementId, ...

Angular4 typescript php javascript html

Mar.01,2021
Why is the module of angular still not found when it is introduced globally?
Uncaught Error: Template parse errors: md-toolbar is not a known element: 1. If md-toolbar is an Angular component, then verify that it is part of this module. git: https: github.com yyccQQu 0405newNg tree dev my-app ...

Angular-material material-ui angular5 angular4 angular2

Mar.01,2021
I don't quite understand the writing of those functions in angular. Please mention it.
export class RepeatPasswordDirective implements Validator,OnChanges { * * check method @ param c @ returns {{[p: string]: any}} * validate (c: AbstractControl): {[p: string]: any} { return verifyPassword(c,this.repeatPassword.control); } ...

Angular-material angular5 angular4 angularjs

Mar.01,2021
@ ngrx/core @ ngrx/store-- save reports errors in both angular2 and angular4
npm install @ ngrx core @ ngrx store-- save reports errors in both angular2 and angular4 ...

Angular4 angular2 typescript javascript

Mar.01,2021
Introduction of thumbnail effect thumbnail problem in bootstrap 4.0by Angular4.0
individually, the class name has changed and the position has been added in the tag, such as ...

Angular4 bootstrap

Mar.02,2021