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

Grid not showing correctly

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 343 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...

This forum is in read-only mode while we transition to the new forum.

You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies