Hi,
PL 2.3.5
I like this tiny look of Labels and Badges, so I want them to be clickable.
I know I can use Buttons but still want labels and badges for design purpose.
Is there a way to customize colors in them?
tnx
How To Make Bootstrap Labels And Badges Become A Link (Like Button).
Started by
seeyou30
, Oct 30 2012 06:14 AM
bootstrap
5 replies to this topic
#1
Posted 30 October 2012 - 06:14 AM
#2
Posted 30 October 2012 - 08:45 AM
Hi,
Labels like Buttons and Badges come in multiple colors, you can view all the colors available here -
Although, Labels and Badges don't support the function to be used as a link "Out of the Box", you could add HTML to create a link. However, you could simply use the button shortcode and use the mini button to have a similar effect.
Labels like Buttons and Badges come in multiple colors, you can view all the colors available here -
Although, Labels and Badges don't support the function to be used as a link "Out of the Box", you could add HTML to create a link. However, you could simply use the button shortcode and use the mini button to have a similar effect.
#3
Posted 30 October 2012 - 09:39 AM
thank u for ur answer.
there are only 6 colours available.
and yes, Id like to have clickable badges and labels.
what exactly needed to make them links?
ty
there are only 6 colours available.
and yes, Id like to have clickable badges and labels.
what exactly needed to make them links?
ty
#4
Posted 30 October 2012 - 10:29 AM
Well the Labels and Badges do not support links, so in doing this you will need to apply some custom CSS.
To add a link to a label or badge you will need to use actual HTML and not the shortcode. See the example below.
To create custom colors, use the code above to add your custom class ( see label-purple ) this is a custom class and then use the custom CSS below to style the label and badge.
If you need to see other HTML code for labels and badges, visit this page -
To add a link to a label or badge you will need to use actual HTML and not the shortcode. See the example below.
To create custom colors, use the code above to add your custom class ( see label-purple ) this is a custom class and then use the custom CSS below to style the label and badge.
If you need to see other HTML code for labels and badges, visit this page -
#5
Posted 31 October 2012 - 06:26 AM
wow thank you, worked like a charm
resolved
resolved
#6
Posted 01 November 2012 - 12:08 AM
The topic was marked as resolved.
Also tagged with one or more of these keywords: Resolved, bootstrap
PageLines Framework →
Technical Support →
BootStrap tabbable tabs-left class rendered incorrectlyStarted by hkust_itsc , 13 Jun 2013 |
|
|
||
Collapse content with BootstrapStarted by catpage , 11 Jun 2013 |
|
|
||
PageLines Framework →
Technical Support →
Adding a header inside a menu list, like in BootstrapStarted by kneops , 30 Apr 2013 |
|
|
||
PageLines Framework →
Technical Support →
Twitter Bootstrap Not working properly when using LESSStarted by jflores1979 , 25 Apr 2013 |
|
|
||
Special navigation with divsStarted by jonthompson , 04 Apr 2013 |
|
|











