Para usar bootstrap 4 y no sufrir por los tutos en ingles aqui les dare los pasos a seguir :
- Crear tu proyecto (en el escritorio en mi caso)
ng new Mi-proyecto
- Instalar bootstrap 4
npm install bootstrap --save
-
Configurar angular.json:
-
Escribir el codigo
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
]
- Instalar ng-bootstrap
npm install --save @ng-bootstrap/ng-bootstrap
- Ir a app.module.ts y escribir lo siguiente
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
@NgModule({
imports: [ NgbModule.forRoot(), ... ],
// ...
})
export class AppModule {}
- Guardar y ejecutar
ng serve
Una cosa mas el css no se notara en herramientas de desarrollo, para comprobar si funciono deben usar cualquier class de bootstrap 4
** Por ejm class="list-group**
<ul class="list-group">
<li class="list-group-item">Prueba 1</li>
<li class="list-group-item">Prueba 2</li>
<li class="list-group-item">Prueba 3</li>
<li class="list-group-item">Prueba 4</li>
<li class="list-group-item">Prueba 5</li>
</ul>```
Listo eso es todo , gracia por tomarte el tiempo de leer mi humilde aporte 😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃
Curso de Angular 4
0 Comentarios
para escribir tu comentario