# Bootstrap Grid System Example: Stacked Horizontal Let's look at a grid example with a simple layout: two columns, each containing two paragraphs. (Here, styles are defined for each column, but you can avoid doing so.) ## Example [Try it »](#) The result is as follows:  **Details** * A **** element is added to ensure centering and maximum width. * Once the container is added, you need to think in terms of rows. Add ****, and within the row, add columns ****. * Each row in the grid consists of 12 units, which you can use to define the size of columns. In our example, there are two columns, each made up of 6 units, so 6+6=12. You can try other options, such as **** and **** or **** and ****. You can try them out, but make sure the total always adds up to 12.