COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

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:
    angular.png

  • 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 😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😆😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃😃



COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

0 Comentarios

para escribir tu comentario

Artículos relacionados