--- id: bad87fee1348cd8acdf08812 title: Bootstrap ボタンを作成する challengeType: 0 forumTopicId: 16811 dashedName: create-a-bootstrap-button --- # --description-- Bootstrap には、`button` 要素用に独自のスタイルが用意されており、プレーンな HTML のボタンよりもずっと良い見栄えで表示されます。大きな子猫の写真の下に、新しい `button` 要素を作成してください。ボタンには `btn` クラスと `btn-default` クラスを付け、`Like` というテキストも設定してください。 # --hints-- `Like` というテキストを持つ新しい `button` 要素を作成します。 ```js assert( new RegExp('like', 'gi').test($('button').text()) && $('img.img-responsive + button.btn').length > 0 ); ``` 新しいボタンには `btn` と `btn-default` の 2 つのクラスが必要です。 ```js assert($('button').hasClass('btn') && $('button').hasClass('btn-default')); ``` `button` 要素にはすべて終了タグが必要です。 ```js assert( code.match(/<\/button>/g) && code.match(/ ``` # --solutions-- ```html

CatPhotoApp

Click here for cat photos.

Three kittens running towards the camera.

Things cats love:

cat nip
laser pointers
lasagna

Top 3 things cats hate:

flea treatment
thunder
other cats

```