Почему это? Я могу найти массу таких примеров?

Я так не думаю... да, мы можем найти несколько примеров использования Angular и Bootstrap, но не многие (я не смог найти ни одного) покажут вам, как создать полноценный веб-сайт. Мы можем найти образцы, использующие ng-bootstrap или ngx-bootstrap и некоторые компоненты, но НЕ используя стандартные или готовые примеры Bootstrap.

Вот процесс..

TL;DR

При использовании/клонировании с GitHub

# Create new directory
mkdir angular-examples
# Change directory
cd angular-examples
# Clone from Git repository - copy the url from github
git clone https://github.com/<your username>/angular-examples.git
# The above will download the examples, change directory to..
cd angular-bootstrap-starter
# Build
npm install
# Run
ng serve --open

Код на GitHub

Если у вас есть время, чтобы построить его с нуля

Часть 1: Создание нового приложения Angular

# Create new directory
mkdir angular-example
# Change directory
cd angular-example
# Create new Angular project 
ng new angular-bootstrap-starter
# Change directory
cd angular-bootstrap-starter
# Build
npm install
# Run
ng serve --open
## This will build and run a basic Angular application

Часть 2. Добавьте ngx-bootstrap

ng add ngx-bootstrap
## This will add bootstrap to your project

Часть 3: Создание компонентов (они же страницы)

Часть 4: Начальная загрузка

  1. Выполните всю стандартную начальную загрузку angular.. включая имена компонентов в app.module.ts

2. Обновите app.component.html, чтобы включить новые компоненты/страницы.

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

3. Обновить app.routing.module.ts

const routes: Routes = [
  {
    path: '',
    component: HomeComponent
  }
];

Часть 5: Финал — Сборка и запуск

ng serve --open

Вы должны увидеть, как сайт загружается в новом браузере, как...

Разумеется, если вам понравилось это читать, я всегда ищу любознательных людей, которые могут написать или поговорить о технологиях. Или, если вы просто хотите поговорить, свяжитесь со мной в твиттере в любое время @surenkonathala