bootstrap4 cardをページ送りしたい

Question

Bootstrap4を用いてhtml内のcardを紐づけしてページ送りしたいのですが公式を見てもページ送りのボタン自体は書いてあっても紐づいているサンプルが見当たらずどうすればいいのか苦労しています。
下記のサンプルに対してどう書けばいいのか教えていただけないでしょうか。

<div class="card card-body" id="M1">と記載しましたが表示されませんでした。

<nav aria-label="...">
  <ul class="pagination">
    <li class="page-item">
      <a class="page-link" href="#B" aria-label="前">
        <span aria-hidden="true">&lBaquo;</span>
      </a>
    </li>
    <li class="page-item"><a class="page-link" href="#M1">1</a></li>
    <li class="page-item"><a class="page-link" href="#M3">2</a></li>
    <li class="page-item"><a class="page-link" href="#M3">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#A" aria-label="次">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>

Comments

[Lhankor_Mhy]

carousel みたいなものを作りたい、ということですか？
https://getbootstrap.com/docs/4.0/components/carousel/

[daisukekubota]

ご連絡ありがとうございます。
はい、カルーセルようなもので中に文字や画像だけでなくボタンやスライドなどのUIも入れたいのでcardもしくはそれに相当するものを入れたいのです。何かいいアイデアお持ちでしょうか

[Lhankor_Mhy]

carousel でいいのではないかと思いました。

[daisukekubota]

ありがとうございます。carousel の場合でもcardは入れることはできるのでしょうか。ネットで探してもそのような事例がみつからず、困っております。
もし差し付けなければどんな
書き方になるのか教えていただけると嬉しいです。

[Lhankor_Mhy]

>ネットで探してもそのような事例がみつからず、困っております

どのようなキーワードで検索されましたか？

[daisukekubota]

公式と、carouselでcardを使いたい　などです。

Answer 1

carousel の場合でもcardは入れることはできるのでしょうか。ネットで探してもそのような事例がみつからず、困っております。

「bootstrap4 card carousel」でググったところ、1番目に出てきたのがこのページでした。
Carouselのスライド画像の代わりにCardコンポーネントを並べる | Bootstrap4 Carousel（カルーセル）の使い方とカスタマイズサンプル | ホムペディア

本当に検索をしたのですか？

「ネットで探してもそのような事例がみつからず、困っております」とのことですが、どのようなキーワードで検索をかけたのでしょうか。
失礼ながら、そもそも本当に検索をしてから質問をしているのか疑っています。
「ググればわかるけど面倒だからteratailに質問を投げて寝とこ」みたいな質問だと、受け取りました。

質問するときのヒントにもありますように、最低限の検索をしてから質問をされることをお勧めします。

ググってから質問をするべき理由

なぜ質問する前に最低限の検索をした方がいいかというと、ググればすぐわかるような質問をすると、回答者に「ググればわかるけど面倒だからteratailに質問を投げて寝とこ」みたいな丸投げ質問だと思われてしまうからです。
teratailの回答者は無償で回答していますので、「ググればわかるけど面倒だからteratailに質問を投げて寝とこ」のような質問をされると、「俺はお前の部下じゃねーよ」と不快になる人が多いかと思います。
不快になるような質問からは、よいコミュニケーションが生まれず、問題解決につながらず、ただ荒れたやり取りがあるだけになってしまいます。
これは避けるべきです。

本当にググってもわからなかった場合

ですから、本当にググってもわからなかった場合、「XXXXXというキーワードで調べてみましたが、それらしき記事は見当たりませんでした」などと書いてください。
そうであれば、「ああ、この人は丸投げをしているのではなくて、ググるのが下手なんだな」と伝わるはずです。

質問者も回答者も、お互いに配慮して、気持ちの良いやり取りをしていきたいと思っていますので、なにとぞご協力をお願いいたします。