Beautify your home +
PANORAMIC GARAGE DOORS
Garage Doors, Constructed with a full aluminium framed, panelled glass sectional overhead door for residential and commercial applications up to a maximum opening width of 7000mm wide and 7000mm high.
Industrial Strength +
VISTA GARAGE DOORS
Flush glazed glass sectional overhead garage door, mainly for contemporary residential applications constructed with a facing of 6.38mm laminated safety glass structurally bonded onto an internal aluminium frame. Made to suit a maximum opening size of 5000wx2500h.
Security +
SPECTRUM GARAGE DOORS
Constructed with 6.38mm laminated S10 glass fully framed with an aluminium frame without any centre stiles to give a bolder horizontal appearance. These garage doors are constructed up to maximum size of 5000wx2500h.
Beautify your home +
RESIDENTIAL GARAGE DOORS
Established in 1984, Build Inn Pretoria has been supplying and installing garage doors for Pretoria and Johannesburg’s homes and complexes for over 32 years. Our range of residential garage doors includes a very large variety of doors in wood, steel, aluminium and glass in many designs and finishes to suit the growing demand for bespoke designs and reliable garage door solutions.
Industrial Strength +
INDUSTRIAL DOORS
Build Inn entered into the industrial roller shutter door market in 1991 and has since grown to be a major supplier of industrial and commercial doors such as roller shutters and sectional overhead doors in steel, glass and aluminium for factories, warehouses, power stations, shopping malls, hotels, fire stations, international airports, shopfronts and homes.
Security +
XPANDA SECURITY
Build Inn is proud to be associated with Xpanda Security since 1995 and offers a very comprehensive range of approved security barriers from Xpanda. This extensive high quality range includes retractable security barriers, security swing gates and burglar guards to suit all tastes and budgets for both the D-I-Y and full-service options.
New Product
RESIDENTIAL OPTIONS
- Garage Doors
- Steel Roller Doors
- Steel Sectional Doors
- Insulated Steel Sectional Doors
- Wooden Sectional Doors
- Aluminium Security Shutters
- Aluminium and Glass Sectional Doors
- Aluminium Driveway Gates
- Automation
INDUSTRIAL SOLUTIONS
- Steel Roller Shutters
- Aluminium Roller Shutters
- Steel Roller Grilles
- Aluminium Commercial Sectional Doors
- Aluminium Security Shutters
- Industrial Automation
SECURITY
- Xpanda Trellis Doors
- Burglar Guards
- Aluminium Security Shutters
RECENT WORK
Browse some images of recent work completed by us, using various products from our extensive range of Garage Doors, Industrial Doors etc.
-
Motorised Roller Shutters
Clientele New Entrance, Sandton -
Roller Shutters and Grilles
WBHO – Time Square Casino Hotel, Menlyn -
Driveway Roller Shutter
House Sourlis, New House, Waterkloof -
Roller Shutters
Roadque New Warehouse, Silverton -
Panoramic Motorised Sectional Doors
Lanseria International Airport, New Fire Station
CONTACT US
Click here to contact us.
ABOUT US
Full page of About Us.
COLOUR CHART
Download our colour chart.
Table Designs
- Category: Site Content
- Published: Thursday, 21 March 2013 08:38
- Written by Super User
- Hits: 6551
Default styles
For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table class="table"> … </table>
Optional classes
Add any of the following classes to the .table base class.
.table-striped
Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table class="table table-striped"> … </table>
.table-bordered
Add borders and rounded corners to the table.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table class="table table-bordered"> … </table>
.table-hover
Enable a hover state on table rows within a <tbody>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table class="table table-hover"> … </table>
.table-condensed
Makes tables more compact by cutting cell padding in half.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table class="table table-condensed"> … </table>
Optional row classes
Use contextual classes to color table rows.
| Class | Description |
|---|---|
.success |
Indicates a successful or positive action. |
.error |
Indicates a dangerous or potentially negative action. |
.warning |
Indicates a warning that might need attention. |
.info |
Used as an alternative to the default styles. |
| # | Product | Payment Taken | Status |
|---|---|---|---|
| 1 | TB - Monthly | 01/04/2012 | Approved |
| 2 | TB - Monthly | 02/04/2012 | Declined |
| 3 | TB - Monthly | 03/04/2012 | Pending |
| 4 | TB - Monthly | 04/04/2012 | Call in to confirm |
...
<tr class="success">
<td>1</td>
<td>TB - Monthly</td>
<td>01/04/2012</td>
<td>Approved</td>
</tr>
...
Supported table markup
List of supported table HTML elements and how they should be used.
| Tag | Description |
|---|---|
<table> |
Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr>) to label table columns |
<tbody> |
Container element for table rows (<tr>) in the body of the table |
<tr> |
Container element for a set of table cells (<td> or <th>) that appears on a single row |
<td> |
Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labels Must be used within a <thead> |
<caption> |
Description or summary of what the table holds, especially useful for screen readers |
<table>
<caption>...</caption>
<thead>
<tr>
<th>...</th>
<th>...</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
Residential & Industrial Door Catalogue 2017
 |
 |
|
 |
|