--- id: bad87fee1348cd8acdf08812 title: Erstelle einen Bootstrap Button challengeType: 0 forumTopicId: 16811 dashedName: create-a-bootstrap-button --- # --description-- Bootstrap hat seine eigenen Stile für `button` Elemente, die viel besser aussehen als die reinen HTML-Elemente. Erstelle ein neues `button` Element unter einem großen Katzenfoto. Gib ihm die `btn` und `btn-default` Klassen, sowie den Text `Like`. # --hints-- Du sollst ein neues `button` Element mit dem Text `Like` erstellen. ```js assert( new RegExp('like', 'gi').test($('button').text()) && $('img.img-responsive + button.btn').length > 0 ); ``` Dein neuer Button soll zwei Klassen besitzen: `btn` und `btn-default`. ```js assert($('button').hasClass('btn') && $('button').hasClass('btn-default')); ``` All deine `button` Elemente sollten abschließende Tags haben. ```js assert( code.match(/<\/button>/g) && code.match(/ ``` # --solutions-- ```html

CatPhotoApp

Click here for cat photos.

A cute orange cat lying on its back. Three kittens running towards the camera.

Things cats love:

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
```