div
. Bootstrap имеет разные атрибуты ширины столбца, которые он использует, в зависимости от того, насколько широко представлен экран пользователя. Например, телефоны имеют узкие экраны, а ноутбуки имеют более широкие экраны. Возьмем, к примеру, класс col-md-*
Bootstrap. Здесь md
означает medium, а *
- число, указывающее, сколько столбцов должно быть у элемента. В этом случае указывается ширина столбца элемента на экране среднего размера, например, ноутбука. В приложении Cat Photo, которое мы создаем, мы будем использовать col-xs-*
, где xs
означает col-xs-*
маленький (например, экран с очень маленьким мобильным телефоном), а *
- количество столбцов, определяющих, сколько столбцов элемент должен быть. Поместите кнопки Like
, Info
и Delete
бок о бок, вставив все три из них в один элемент <div class="row">
, затем каждый из них в элементе <div class="col-xs-4">
, Класс row
применяется к div
, и сами кнопки могут быть вложены в него. div
со row
класса.
testString: 'assert($("div.row:has(button)").length > 0, "Your buttons should all be nested within the same div
element with the class row
.");'
- text: Каждая из ваших кнопок Bootstrap должна быть вложена в свой собственный элемент div
с классом col-xs-4
.
testString: 'assert($("div.col-xs-4:has(button)").length > 2, "Each of your Bootstrap buttons should be nested within its own div
element with the class col-xs-4
.");'
- text: 'Убедитесь, что каждый из ваших button
имеет закрывающий тег.'
testString: 'assert(code.match(/<\/button>/g) && code.match(/