The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Need help with bootstrap grid col-md

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #257246

    Hello everyone,

    I am trying to make only one grid with “col-md-8” and “col-md-4” but the problem is that I got two rows with maximum width, but I want only one horizontal div, left to be width col-md-8 and right to be col-md-4

    I have no idea what could be wrong with my code, for me it is all correct.

    Thanks in advance!

    My code is:

    <div class="container"> <div class="row"> <div class="col-md-8"> <div class="left-side">Left part col-md-8</div> </div> <div class="col-md-4"> <div class="right-side">Right part col-md-4</div> </div> </div> </div>

    Looks like it works to me:


    Yes, I got the sme result and look, but that is not what I want.

    I want only one box, for example this pink one, which left side would be width:col-md-8 and left width: col-md-4.

    Not two rows below each other…



    Looks like the code is fine bro; take a look at the source, maybe you’re not calling bootstrap correctly into the page.


    Oh; wait… I think the result you’re experiencing is about screen size. If you open the code sent by Paulie in a new tab, in full screen, you’ll be able to see the result you want. But since you’re only using “col-md”, the columns will work only from an specific screen width.

    Try adding col-sm instead col-md.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.