why would grid not render columns

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

Darren Baldwin 8 posts 79 karma points

Mar 03, 2016 @ 06:54

0

Why would Grid not render columns

This is basic stuff I know but still learning and I've setup the datatype for the grid, a 12 column headline and 2 6 column width rich text underneath.

But it doesn't render the columns and I don't know where to start looking. I even repeated this process in the starter site and same results.

I'll watch the video's again but sure I haven't missed anything.

Copy Link
Rune Hem Strand 147 posts 911 karma points hq c-trib

Mar 03, 2016 @ 07:19

0

Hi Darren

My best guess is the CSS missing for some reason. Do you have Bootstrap 3 loaded on the page?

Coud you maybe upload source for the rendered page? That will make it a little easier to see what's going on :)

All the best Rune

Copy Link
Darren Baldwin 8 posts 79 karma points

Mar 03, 2016 @ 07:37

0

Tried to paste the text but didn't like it here a screen grab

Copy Link

Darren Baldwin 8 posts 79 karma points

Mar 03, 2016 @ 07:51

<!DOCTYPE html>

<link rel="stylesheet" href="/css/bootstrap.min.css">

<link rel="stylesheet" href="/css/style.css">

<div class="umb-grid">
            <div class="grid-section">
<div >
    <div class='container'>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div style="class:Highlight Blue;">



    <h1>My Headline</h1>



            </div>
        </div>            <div class="col-md-6 column">
            <div >

Text on the left

            </div>
        </div>            <div class="col-md-6 column">
            <div >

Text on the right

            </div>
        </div>        </div>
    </div>
</div>
            </div>
</div>

Copy Link

Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib

Mar 03, 2016 @ 08:58
0
Are you using bootstrap 3? My quess is that you are using a old version of bootstrap which uses the span class for columns, but the grid uses the col class.

Quickly try by replacing:
```
<link rel="stylesheet" href="/css/bootstrap.min.css">
```
With:
```
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
```
Copy Link
Darren Baldwin 8 posts 79 karma points

Mar 03, 2016 @ 09:35

1

That got it thanks.

The bootstrap css I was using is the one that was in the starter kit I guess they must have overridden it I'll do some more digging

Thanks again..

Copy Link
Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib

Mar 03, 2016 @ 09:39

0

No problem Darren, glad i could help. :)

Remember to tick the mark as solution so this can help others.

Copy Link
Darren Baldwin 8 posts 79 karma points

Mar 03, 2016 @ 09:54

0

Strange behaviour now though, If it link to the style sheet using https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

then it works fine.

I copy the stylesheet to my css folder using the link above it doesn't render correctly. if I view source and click the link it does display the style sheet so I don't think it an issue with finding it.

Copy Link
Darren Baldwin 8 posts 79 karma points

Mar 03, 2016 @ 10:13

0

sorted my other style sheet was conflicting with it although it only had comments on it?

Copy Link
Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib

Mar 03, 2016 @ 10:20

0

Ok, that sounds strange indeed. But its fine now?

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

Flag this post as spam?

Why would Grid not render columns