Bootstrap Blockquotes
For quoting blocks of content from another source within your document. Wrap
<blockquote class="blockquote"> around any HTML as the quote. You may check the offecial Bootstrap documentation for more details from here
Bootstrap Blockquotes
Default
Includ the content into <blockquote> tag with the class blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Naming a source
Includ naming in <footer> tag with the class blockquote-footer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Reverse layout
Add an additional class blockquote-reverse to the <blockquote> tag.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Unify Blockquotes
Unify Blockquotes are extensions of the default Bootstrap Blockquotes. To extend, it uses Unify's global classes.
Border primary
Add some additional global classes g-brd-2 and g-brd-primary
If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on
Border primary on hover
Add some additional global classes g-brd-2 and g-brd-primary--hover
Lorem ipsum dolor sit amet, consectetur adipiscing duis mollis, est non commodo luctus elit posuere erat a ante. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis lorem ipsum dolor sit amet, consectetur adipiscing
Reverse border black
Add an additional bootstrap classes blockquote-reverse and global class
g-brd-black black border color
That's been one of my mantras - focus and simplicity. Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple. But it's worth it in the end because once you get there, you can move mountains
Reverse border black on hover
Add an additional bootstrap classes blockquote-reverse and global class
g-brd-black--hover black border color
If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on
Large size
Add some bootstrap utility and global classes like text-uppercase and
g-font-size-22
The best ideas come as jokes. Make your thinking as funny as possible and use them in your projects.
Reversed large size
Add an additional class blockquote-reverse to the large size blockquote example.
The best ideas come as jokes. Make your thinking as funny as possible and use them in your projects.
Gray colored examples
Add some global classes g-bg-gray-light-v5 for backfround color and
g-pa-40 for padding spacing.
If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on
Black colored examples
Please click to the show code for more details under the blockquote example.
If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on
Primary colored examples
Please click to the show code for more details under the blockquote example.
If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on