0

I wrote a realy basic Joomla template.

I added the bootstrapcore in the index.php with:

JHtml::_('bootstrap.loadCss', true, $this->direction);

I want to have 3 grids after my heading:

<div class="container">
    <h1>heading</h1>
        <div class="row">
            <div class="col-sm-4">
                1
            </div>
            <div class="col-sm-4">
                2
            </div>
            <div class="col-sm-4">
                3
            </div>
        </div>
    <jdoc:include type="component" />
</div>

Somehow this is not displayed the right way:

output

I work with Joomla 3.4.6

Did i miss something to include?

Improve this question

2 Answers 2

Reset to default
3

The syntax in the code above is for Bootstrap 3, but Joomla uses Bootstrap 2. BS 2 uses span4 instad of col-sm-4

Read Here

Improve this answer
1
  • 1
    Yes I forgot that. So all you will have to do is to not load the default Bootstrap and load Bootstrap 3.x. You can use a external CDN that provides the Bootstrap files to do that. That would fix your issue.
    – sifu
    Dec 16, 2015 at 20:42
0

The first I would do is check the source (check inside the ) to see if Bootstrap is included since your syntax looks correct.

Improve this answer
1
  • I'm not absolutely sure what you mean... if I have a view at the rendered sourcecode there is a link to the bootstrap.min.css, bootstrap-responsive.min.css & bootstrap-extended.css
    – Timo Giese
    Dec 16, 2015 at 17:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.