Bootstrap Container basic need help

i want to create something like this
1

but why with my code it doesn’t go as planned?
Thanks a lot before!

Those are not Bootstrap 3 classes (edit: I’m talking about the col classes). Try switching to version 5 instead.


v3 docs
https://getbootstrap.com/docs/3.3/css/#grid

v5 docs


Edit: The quickest way is to remove everything except the inner HTML (keep the container and the children) and use the Codepen Settings. Click the Settings button, go to the CSS section and search for Bootstrap, picking the first option will give you version 5.

1 Like

@djuliobusinessmail ,

The code you have written is perfectly fine. you are missing out the below link for css stylesheet. I tried and it is working.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
1 Like

Thanks @lasjorg , it works,

i learn new things today thank you

thanks @nivethakrishnan72 different bootstrap version, thank you i learn today

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.