Создание образца бутстрапа

Question

Я новичок в начальной загрузке и практиковал это. У меня есть пример, который я пытался сделать, используя bootstrap и css, но я не могу этого сделать. Пожалуйста, найдите изображение ниже.

Пожалуйста, помогите мне сообщить, как я могу сделать это с помощью начальной загрузки

Answer 1

Не то же самое на 100%, но я использую только Bootstrap, вы можете настроить его точно так, как вы хотите, добавив немного стиля CSS.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<style>
  .border {
    border: 3px solid #000 !important;
  }
  .warning-icon {
    font-size: 150px;
  }
  .warning-text {
    font-size: 50px;
  }
</style>
<div class="text-center">
  <div class="text-center d-inline-block bg-warning p-1 rounded">
    <div class="border p-4 rounded">
      <h1 class="warning-icon"><i class="fas fa-exclamation-triangle"></i></h1>
      <p class="warning-text font-weight-bold">OUT OF<br> SERVICE</p>
    </div>
  </div>
</div>