
Beautify your home +
Residential
Our range of Industrial Roller Shutters are made up of interlocking slats in the following options:

Industrial Strength +
Industrial
Our range of Industrial Roller Shutters are made up of interlocking slats in the following options:

Security +
Security
Our range of Industrial Roller Shutters are made up of interlocking slats in the following options:

Read More +
Blockhouse
Our range of Industrial Roller Shutters are made up of interlocking slats in the following options:
About Us
Company Overview
Build Inn was first established in 1980 in East London (Eastern Cape) https://www.buildinn-el.co.za/ as a supplier of various specialist products for the construction and home improvement industries and in May 1984 Build Inn Pretoria was established, focusing on supplying and installing quality garage doors to the housing and building market.
In 1990, Build Inn expanded into the industrial door market, and began supplying and installing industrial roller shutters for factories, warehouses and shop-front applications.
Today Build Inn specialises in all types of residential garage doors in wood, steel, aluminium and glass; industrial doors such as steel and aluminium roller shutters, steel, glass & aluminium sectional overhead doors as well as a large range of security barriers such as security gates, retractable trellis doors and burglar guards.
#garage doors #industrial doors #rollershutters #automation #xpanda security

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.
Grid positions/Structure
- Category: Site Content
- Published: Friday, 22 March 2013 13:47
- Written by Super User
- Hits: 27305
You can see more details on https://twitter.github.com/bootstrap/scaffolding.html#gridSystem
Live grid example
The default Bootstrap grid system utilizes 12 columns, making for a 940px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
Basic grid HTML
For a simple two column layout, create a .row
and add the appropriate number of .span*
columns. As this is a 12-column grid, each .span*
spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).
<div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div>
Given this example, we have .span4
and .span8
, making for 12 total columns and a complete row.
SHORCODE DEMOS
The shortcode is quite simple Attach the cols number near grid. Keep in mind you must use the row shortcode.
[grid 1/2/3/4/5/6/7/8/9/10/11/12]...[/grid]
[row] [grid 2] ... [/grid] [grid 10] ... [/grid] [row]
You can also use the grid shortcodes like this:
[grid3 first/last]...[/grid3]
[grid2 first] ... [/grid2] [grid10 last] ... [/grid10]
Other examples:
[onethird first/last]...[/onethird]
[twothirds first/last]...[/twothirds]
[half first/last]...[/half]
Offsetting columns
Move columns to the right using .offset*
classes. Each class increases the left margin of a column by a whole column. For example, .offset4
moves .span4
over four columns.
<div class="row"> <div class="span4">...</div> <div class="span3 offset2">...</div> </div>
Nesting columns
To nest your content with the default grid, add a new .row
and set of .span*
columns within an existing .span*
column. Nested rows should include a set of columns that add up to the number of columns of its parent.
<div class="row"> <div class="span9"> Level 1 column <div class="row"> <div class="span6">Level 2</div> <div class="span3">Level 2</div> </div> </div> </div>
Fluid grid system
Live fluid grid example
The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices.
Basic fluid grid HTML
Make any row "fluid" by changing .row
to .row-fluid
. The column classes stay the exact same, making it easy to flip between fixed and fluid grids.
<div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div>
Fluid offsetting
Operates the same way as the fixed grid system offsetting: add .offset*
to any column to offset by that many columns.
<div class="row-fluid"> <div class="span4">...</div> <div class="span4 offset2">...</div> </div>
Fluid nesting
Nesting with fluid grids is a bit different: the number of nested columns should not match the parent's number of columns. Instead, each level of nested columns are reset because each row takes up 100% of the parent column.
<div class="row-fluid"> <div class="span12"> Fluid 12 <div class="row-fluid"> <div class="span6">Fluid 6</div> <div class="span6">Fluid 6</div> </div> </div> </div>