Grid in bootstrap, what am I doing wrong?

D

dvplut2014-11-03 10:36:23

Bootstrap

dvplut, 2014-11-03 10:36:23

Hello!
Please tell me colleagues, I ran into a problem in Bootstrap in a project on Meteor. Installed bootstrap with meteor add bootstrap command. I need to make a grid, two columns of equal width. I do it like this:

<head>
    <meta charset="utf-8">
    <title>Аггрегатор новостей</title>
    <link href="styles/main.css" rel="stylesheet">
</head>

<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">.col-md-6</div>
        <div class="col-md-6">.col-md-6</div>
    </div>
</div>
</body>

I start the project and see that I have two lines one under the other. I expected that I would have, as in the example in the documentation, one line divided into two columns. Am I doing something wrong?
And another question, I need the right column to disappear on mobile devices with a small resolution. And on devices larger than 1024 there were two columns. Is it possible to do this with Bootstrap or manually write media queries?
Thank you.

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

D

dvplut, 2014-11-03
@dvplut

Thank you!
In Meteor, as far as I can read, css for bootstrap does not need to be included. He does it automatically.
And the strange thing is that container or container-fluid works, you can see it, but for some reason grid doesn't.
I'll try to dig some more.
Answered on Stackoverflow. It turns out that the old bootstrap 2.3 is installed in Meteor by default for reasons that are still unclear to me. Therefore, it turned out that some work and some do not work. It is treated by removing the default package and installing the latest bootstrap from atmosphere https://atmospherejs.com/mizzao/bootstrap-3

O

OKF, 2014-11-03
@OKF

bootstrap.css is not included. Where will the styles come from?
To make the column disappear - set the required class ( getbootstrap.com/css/#responsive-utilities). In this case .hidden-md