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

Please Sign in or register to post replies

Flag this post as spam?