button
с btn
и btn-default
имеют только ширину, чем текст, который они содержат. Например: <button class="btn btn-default">Submit</button>
Эта кнопка будет только шириной, чем слово «Отправить». заставив их блокировать элементы дополнительным классом btn-block
, ваша кнопка будет растягиваться, чтобы заполнить все горизонтальное пространство вашей страницы, и все последующие за ней элементы будут перетекать в «новую строку» под блоком. <button class="btn btn-default btn-block">Submit</button>
Эта кнопка займет 100% доступной ширины. Обратите внимание , что эти кнопки все еще нуждаются в btn
классе. Добавьте класс btn-block
Bootstrap в вашу кнопку Bootstrap. btn
and btn-default
classes.");'
- text: ''
testString: 'assert($("button").hasClass("btn-block"), "Your button should have the class btn-block
.");'
- text: ''
testString: 'assert(code.match(/<\/button>/g) && code.match(/Click here for cat photos.
Things cats love:
Top 3 things cats hate: