Bootstrap elements
Cards elements
Card header
Info card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at.
linkCard body
Card header
Card body
Card header
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
Card body
Card header
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
Card header
Card body
Primary card
Info card
Warning card
Danger card
Secondary card
Dark card
Light card
Buttons elements
Basic buttons
Outline
Button Group
ICONS
Social mediaGeneral Styled Font Awesome icons (size, color, and shadow):
Badges
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Progress bars
Spinners
List Groups
Vertically
- First item
- Second item
- Third item
- Fourth item
Horizontal List Groups
The .list-group-horizontal class displays the list items horizontally instead of vertically:
- First item
- Second item
- Third item
- Fourth item
Vertically with icons / badges
- David Copperfield
- The Portrait of a Lady
- The Trial
- Crime and Punishment 10
- A Clockwork Orange 14
- The Age of Innocence 5
Accordion Example
Note: The data-parent attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Tables in Bootstrap
Hover Rows
Dates | Event | Description |
---|---|---|
3 Weekends 08 & 09 15 & 16 22 & 23 |
Bishop`s Palce Snowdrop Weekend | 'Snowdrop Celebration' in February, Walk around this magnificent garden and
enjoy this delicate flower in a wonderful setting.
Various nurseries with Galanthus and other early season plants for sale. 10am to 4pm Plants include galanthus Atkinsii, Galanthus Elwesii ,Galanthus Navillis Visit website |
Sunday March 1st | Forde Abbey plant and gardeneing fair | Packed with inspiration and ideas for the Spring garden, Forde Abbey’s Plant and
Gardening Fair is always held on the first Sunday in March, making it one of the earliest
plant fairs in the South West. from 10am – 4pm. Plants include :-Narcissi Tete TETE ,Pulmonaria Raspberry Splash, Camelia Debbie Visit website |
Saturday March 7th | Sidmouth Daffodil Day | Celebrating the daffodil and the arrival of spring.Held in the grounds of
Kennaway House in the centre of Sidmouth. I actualy went to school here and grew up in
this beautiful area so love to come back and enjoy the daffodil walks the society have
provided for everyone to enjoy, for free. We will have a large range of potted daffodils
including "Sailboat" along with perennials and seasonal plants for sale
Plants include :-Narcissi Tete TETE Narcissi Sailboat Narcissi Visit Website |
Sunday March 15th | Tavistock Plant Fair-Plant Heritage | Held in the Tavistock pannier market with a diverse group of nurseries from
across the south west of england. We will have a range of potted spring bulbs, alpines,
perennials,shrubs & climbers
Plants include :- Narcissi Sailboat Pulmonaria Raspberry Splash Brunnera Jack Frost Visit Website |
The .table-hover class enables a hover state (grey background on mouse over) on table rows:
Firstname | Lastname | |
---|---|---|
John | Doe | john@example.com |
Mary | Moe | mary@example.com |
July | Dooley | july@example.com |
Bordered Table
The .table-bordered class adds borders on all sides of the table and the cells:
Firstname | Lastname | ||
---|---|---|---|
John | Doe | john@example.com | |
Mary | Moe | mary@example.com | |
July | Dooley | july@example.com |