freeCodeCamp/guide/russian/certifications/front-end-libraries/bootstrap/apply-the-default-bootstrap.../index.md

1.4 KiB
Raw Blame History

title localeTitle
Apply the Default Bootstrap Button Style Применить стиль кнопки Bootstrap по умолчанию

Применить стиль кнопки Bootstrap по умолчанию

Последняя задача заключалась в том, что вы создали 6 кнопок, по 3 в каждом элементе ячейки, на этот раз вам нужно добавить классы к этим кнопкам.

намек

Класс объявляется с использованием следующего синтаксиса:


<button class="class(es)Name"></button> 

Решение

Поскольку вам необходимо добавить btn и btn-default , следующее решение:


<div class="container-fluid"> 
  <h3 class="text-primary text-center">jQuery Playground</h3> 
  <div class="row"> 
    <div class="col-xs-6"> 
      <div class="well"> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
      </div> 
    </div> 
    <div class="col-xs-6"> 
      <div class="well"> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
      </div> 
    </div> 
  </div> 
 </div>