grid not showing correctly

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Sanne Faurholt 3 posts 73 karma points

Feb 28, 2019 @ 10:48

Using Umbraco And Getting Started

Umbraco 7

If I choose a grid layout with 2 column (6 and 6) then the output is not what I expected. This is the result:

 <div class="umb-grid">
<div class="container">
    <div class="row clearfix">
        <div class="grid-section">
            <div class="col-md-6 column">
            <div >
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div >
                content
            </div>
                    </div>
            </div>
            </div>
            </div>
        </div>
        <div class="grid-section">
            <div class="col-md-6 column">
                <div >
                    <div class="row clearfix">
                        <div class="col-md-12 column">
                            <div >
                                text text text
                        </div>
                    </div>
             </div>
         </div>
             </div>
         </div>
     </div>
 </div>

In that way the two text area is shown below each other instead of side by side.

What could be the problem here?

Copy Link

louisjrdev 107 posts 344 karma points c-trib

Feb 28, 2019 @ 11:11

You are missing a closing div tag:

<div class="umb-grid">
    <div class="container">
        <div class="row clearfix">
            <div class="grid-section">
                <div class="col-md-6 column">
                    <div>
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <div>
                                    content
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid-section">
                <div class="col-md-6 column">
                    <div>
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <div >
                                        text text text
                                </div>
                            </div>
                        </div> YOU WERE MISSING THE CLOSING TAG HERE
                    </div>
                </div>
             </div>
        </div>
     </div>
 </div>

Copy Link

Sanne Faurholt 3 posts 73 karma points

Feb 28, 2019 @ 11:40

0

I think it is just when I copied it here. The code is generated by this: @Model.Content.GetGridHtml("grid")

Im sorry but I am new to this

Copy Link
is working on a reply...

Please Sign in or register to post replies