Thumbnail in bootstrap 4

Asked

Viewed 58 times

-2

Can anyone tell me why "thumbnail" doesn’t work on bootstrap 4? I am learning bootstrap better, but the course I caught you doing with version 3.3.7, I had to download it because some codes were not working.

<main>
    <div>
        <H3 class="text-center"> Novidades </H3>
    </div>

    <div class="col-md-4 col-xs-12 thumbnail text-center">
        <figure>

            <img src="img/camisa-normal.jpg" alt="camisa preta bts" />
            <div>
                <h4> Camisa Preta Bts </h4>
                <p> Camisa do bts com pano de qualidade </p>
            </div>

I also wanted to know why I am unable to give toggle ( open and close the menu bar, and I did exactly the same in the course. follows the code:

<body>
<header>
    <nav>

        <div>
            <a href="#" class="navbar-brand"> Kpopstore </a>
            <button type="button" data-target=".navbar-collapse" data-toggle="collapse"> Menu </button>
        </div>

        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li> <a href="#">Novidades </a> </li>
                <li> <a href="#">Mais Vendidos </a> </li>
            </ul>
        </div>

    </nav>

</header>
twitter-bootstrap bootstrap-3 collapse thumbnail

1 answer

0

In bootstrap 4 panels and thumbnail were passed over because of the cards component. But I think in your case you can give the desired effect with class .img-thumbnail.

Source: https://getbootstrap.com/docs/4.0/content/images/

On your menu, I tested it here and for me it’s working. All of a sudden, put the whole code in a jsbin to see what’s going on.

Browser other questions tagged twitter-bootstrap bootstrap-3 collapse thumbnail

You are not signed in. Login or sign up in order to post.