Layout tests

Responsive Table

Table

The .table-responsive class creates a responsive table which will scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, there is no difference:

# Firstname Lastname Age City Country

1

Anna Pitt 35 New York

USA

2 bert maverick 42 Pittsburgh USA
         

Glyphicons - set not fully available

Glyphicon Examples

Envelope icon:

Envelope icon as a link:

Search icon:

Search icon on a button:

Search icon on a styled button:

Print icon:

Print icon on a styled link button: Print


 

Tabs with dropdown menu


Toggleable / Dynamic Tabs

Dynamic Tabs

To make the tabs toggleable, add the data-toggle="tab" attribute to each link. Then add a .tab-pane class with a unique ID for every tab and wrap them inside a div element with class .tab-content.

HOME

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Read More... link

Simple Collapsible

Click on the button to toggle between showing and hiding content.

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.

Simple Collapsible

Click on the button to toggle between showing and hiding content.

Read more/less...

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. 

Well

Well

Basic Well

Horizontal Menu

Inline List


Too;tips

Tooltip Example

The data-placement attribute specifies the tooltip position.


PopIvers

Popover Example


h3 menu links

» Home  » Location

 

» Home  » Location

 


"Top of Town" Messy Church

Messy Church is for families to have fun together, to eat together and to celebrate together.

All Saints is working with the United Reformed Church to plan and run Messy church in the "Top of Town". We meet every other month on a Saturday afternoon in the URC on London Street at 3.30pm for an hour of making and doing, a celebration and then ending with eating a hot meal together.

Look at our calendar for future dates. If you want to find out more, Contact Us


slider

Basingstoke Team Parish

Basingstoke Team Parish

St Peter's Church, South Ham

St Peter's Church, South Ham

All Saints' Church, Basingstoke

All Saints' Church, Basingstoke

St Michael's Church, Basingstoke

St Michael's Church, Basingstoke

Christ the King, Brighton Hill

Christ the King, Brighton Hill


LIST GROUP

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

LIST GROUP WITH FLUSH ATTRIBUTE

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

LIST GROUP with Custom Content using flexbox utilities


CS styles

 

This is a block quote

head2

head3

large

small

button

head1

 

picture formats

 

 

 

 



Modal

Large Modal