Hello World на Bootstrap

Перша програма Hello World на Bootstrap

Bootstrap є вільним набором інструментів для створення сайтів та веб-застосунків. У Bootstrap включені HTML і CSS шаблони оформлення для веб-форм, типографіки, міток, кнопок, блоків навігації та інших компонентів веб-інтерфейсу, а також JavaScript розширення.

Перед написанням скрипта на Bootstrap необхідно попередньо встановити на сервері веб-сервер Apache.

Рекомендується створити не root користувача з доступом до sudo.

В інструкції використовується текстовий редактор nano, для якого потрібно виконати команду:

 yum install nano

Процес створення першої програми на Bootstrap має такий вигляд:

Оновлюємо пакети:
```
 sudo yum -y update
```
Встановлюємо веб-сервер Apache:
```
 sudo yum -y install httpd
```
Запускаємо веб-сервер Apache:
```
 sudo systemctl start httpd.service
```
Включаємо Apache для запуску при завантаженні:
```
 sudo systemctl enable httpd.service
```
За замовчуванням CentOS 7 використовує Firewall-CMD у закритому режимі, у зв'язку з чим необхідно налаштувати його для забезпечення доступу через порт 80 (http) або 443 (https), щоб зробити Apache доступним з Інтернету.
Включаємо firewalld:
```
 sudo systemctl start firewalld
```
І по черзі виконуємо такі команди:
```
 sudo firewall-cmd --permanent --zone=public --add-service=http
```
```
 sudo firewall-cmd --permanent --zone=public --add-service=https
```
```
 sudo firewall-cmd --reload
```
Усі три команди під час запуску повинні виводити повідомлення про успішне завершення.

Створюємо тестовий файл.

 sudo nano /var/www/html/hello_world.html

Додаємо до нього наступний код:

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf 8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </head> <body> <div class="container"> <p>Hello, World!</p> </div> </body> </html>

Зберігаємо зміну у файлі, натиснувши клавіші Ctrl+x , потім клавішу y і потім клавішу Enter.

Щоб запустити скрипт та побачити результат його виконання, відкриваємо у браузері наступну адресу (замість 93.190.42.52 необхідно вказати власну IP адресу або доменне ім'я):
http://93.190.42.52/hello_world.html
На цьому створення скрипта на Bootstrap та його запуск завершено.