Konzept Grid System

Daisho 1120 Grid System is fluid, responsive or it can act as a fixed grid whenever you need it.

It is percentage and unit based. It means that all columns, fonts, paragraphs, media (images, videos) and other elements will adapt themselves to work on just about any screen and resolution (mobile, tablets, laptop and big screens). All elements maintain consistent look thorough the website.


6/6 Columns

Yamamoto-sensei is one of the female teachers. Please consult your appointed professional for advice. The current project is designed to improve access to taxonomic records and microphotographs of freshwater zooplankton. The project integrates a large database and set of zooplankton samples with image capture and internet technologies. Please consult your appointed professional for advice.

Promote community accelerates the principle of perception, realizing the social responsibility of business. Feature advertising is innovative. The current project is designed to improve access to taxonomic records and microphotographs of freshwater zooplankton. The project integrates a large database and set of zooplankton samples with image capture and internet technologies.


4/4/4 Columns

The project integrates a large database and set of zooplankton samples with image capture and internet technologies. Please consult your appointed professional for advice. The current project is designed to improve access to taxonomic records and microphotographs of freshwater zooplankton. Please consult your appointed Yamamoto-sensei professional for advice.

Yamamoto-sensei is one of the female teachers. Please consult your appointed professional for advice. The current project is designed to improve access to taxonomic records and microphotographs of freshwater zooplankton. The project integrates a large database and set of zooplankton samples with image capture and internet technologies. Please consult your appointed professional for advice.

Promote community accelerates the principle of perception, realizing the social responsibility of business. Feature advertising is innovative. The current project is designed to improve access to taxonomic records and microphotographs of freshwater zooplankton. The project integrates a large database and set of zooplankton samples with image capture and internet technologies.


7/5 Columns

The project integrates a large database and set of zooplankton samples. The current project is designed to improve access to taxonomic records and microphotographs of freshwater zooplankton. The project integrates a large database and set of zooplankton samples with image capture and internet technologies.

Yamamoto-sensei is one of the female teachers. Please consult your appointed professional for advice. The project integrates a large database and set of zooplankton samples.


8/4 Columns

Search advertising focuses competitor, relying on insider information. Visualization of the concept of weakly transmits the consumer market, optimizing budgets. In addition, adequate mentality has positioned. Creative transforms the popular image of the company, winning market share. Consumer Society organizes throughout the experimental traditional channel, regardless of cost. Advertising optimizing budgets.

Building a brand is concentrating directed marketing, working on the project. Advertising saver, not changing the concept outlined above, justifies the institutional analysis.

No Boundaries

This particular page uses “no boundaries” page template which allows you to either restrict content in the middle at 1120px, make it 100% wide or combine those two options like we do in this row.

Browsers & Devices

All major browsers and devices are supported. It will scale all media (images, videos, audio players), UI elements, fonts, white space and other elements to fit nearly any major browser or device.

Documentation

Grid System is well documented and there are a bunch of useful examples. Not all pages require Grid System – you can add your content without this but if you’re planning on creating more advanced layouts with multiple columns then it makes things much easier.

The Code

<div class="container">
  <div class="row">
    <div class="grid_3">
      <p>Column 1</p>
    </div>
    <div class="grid_3">
      <p>Column 2</p>
    </div>
    <div class="grid_3">
      <p>Column 3</p>
    </div>
    <div class="grid_3 last">
      <p>Column 4</p>
    </div>
  </div>
</div>

The Code Explanation

.container is a 100% wide wrapper for each row. It should be used only on “no boundaries” page template. Full width page template and sidebar page template usually don’t need this.

.row is a row of columns. It centres them and defines the 1120px max-width. It should be used only on “no boundaries” page template. Full width page template and sidebar page template usually don’t need this.

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 are the classes for each column. They can be used in any combination within a row that adds up to twelve or less.

.last – the last column within a row also needs this class. It removes the right margin so all the columns fit within the row.

0%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
t Twitter f Facebook g Google+