The Vincenzo
Green Team
В прошлом статье, я говорил что такое bootstrap. Теперь, создадим наш первый код на bootstrap, это будет заголовки h1, h2, h3 и т.д. Вы прекрасно знаете что это за тэг, и видели какие результаты. Программисты часто меняют к этой тэге много чего: Стиль Текста, Щрифт, цвета и т.д
Давайте создадим нашу первую программу!
1.[#1] - <h1> </h1> - Изменение заголовки:
Результат программы #1
Если хотите, вы можете менять тэг h1 на [p, h2, h3, h4, span, и т.д]
Надеюсь, данная статья была полезной.
Давайте создадим нашу первую программу!
1.[#1] - <h1> </h1> - Изменение заголовки:
HTML:
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Life is Codeby...</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<h1 class="text-muted"> Серый текст</h1>
<h1 class="text-primary">Синий текст</h1>
<h1 class="text-success">Текст успеха</h1>
<h1 class="text-info">Текст информации</h1>
<h1 class="text-warning">Текст с предупреждением</h1>
<h1 class="text-danger">Текст с ошибкой</h1>
</body>
</html>Результат программы #1
Если хотите, вы можете менять тэг h1 на [p, h2, h3, h4, span, и т.д]
Надеюсь, данная статья была полезной.