Added solution to Call out Optional Actions with btn-info (#18415)
* Added solution to Call out Optional Actions with btn-info Added solution to Call out Optional Actions with btn-info * fix: Update formatting
This commit is contained in:
committed by
Quincy Larson
parent
1faba7d811
commit
6550ea5736
@@ -3,8 +3,26 @@ title: Call out Optional Actions with btn-info
|
||||
---
|
||||
## Call out Optional Actions with btn-info
|
||||
|
||||
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
|
||||
This challenge requires you to create a new block level `<button>` element with some required classes.
|
||||
|
||||
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
|
||||
### Hint 1
|
||||
|
||||
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
|
||||
The new button should be below the like button.
|
||||
|
||||
### Hint 2
|
||||
|
||||
The button should have at least 3 classes.
|
||||
|
||||
### Hint 3
|
||||
|
||||
The button should have the classes of `btn`, `btn-block` and `btn-info`.
|
||||
|
||||
## Spoiler Alert-Solution Ahead
|
||||
|
||||
### Solution
|
||||
|
||||
Add the following line of HTML below the like button to complete the challenge:
|
||||
|
||||
```html
|
||||
<button class="btn-info btn-block btn">Information</button>
|
||||
```
|
||||
|
Reference in New Issue
Block a user