bootstrapでリンクが横並びで表示されず、縦並びで表示されてしまう

Question

前提・実現したいこと

bootstrapを使ってサイトを製作中です。
lgサイズ以上の時、リンクを横並びで表示させたいのですが、縦並びになってしまいます。

リンク1　リンク2

としたいところが、

リンク1
リンク2

となります。
それ以外の箇所では思った通りに表示されています。

試しにクラスをcol-6で試してみましたが、やはり縦並びになりました。

よろしくお願いします。

該当のソースコード

<div class="container"> <div class="row"> <div class="col-12 col-lg-6"> <a href="#">リンク1</a> </div> <div class="col-12 col-lg-6"> <a href="#">リンク2</a> <div> <div> <div>

Comments

[m.ts10806]

コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

Answer 1

lgサイズの時のみ横並びならcol-12が不要です。
(col-lg-6はlgサイズ以上のみ横並びとなりそれ以下は縦に並びます。
lgサイズ以上でも縦表示になるというのなら要素に別のスタイルでマージンが付いている等が考えられます。

Comments

[sonic1jp]

CSSの指定が原因でした。
ありがとうございました。