Bootstrap4 img-fluid

Hello!
I’m stuck again.
It’s a shame, but I can’t understand the basic concept - how to divide the site into two parts. I thougt “col-6” and “col-6” can do this, but they don’t :))
https://codepen.io/Novumel/pen/XqrpdQ
Help me please.

You do understand the concept but…
It appears you havent included bootstrap in the settings for CSS.

I just forked it and added bootstrap4 and it immediately became 2 columns.

1 Like

Use css pra ficar assim:


codificação css usada:

.card {
display: float;
margin-left: 550px
}
.col-6 {
position: absolute;

}

1 Like

Hi!
Thank you for advice! Is it solution from Bootstrap 3? I want to do it with a new opportunities Bootstrap 4, without float and px :slight_smile:

1 Like

You didn’t proper call bootstrap maxcdn … You called fontawesome, not a bootstrap.
use this link:

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

Check the official bootstrap: https://getbootstrap.com/

2 Likes

Thanks!!! :see_no_evil:

:grinning: é verdade, tinha esquecido esse detalhe.

obrigado de qualquer maneira :slight_smile:

1 Like