WordPress bootstrapでリンク(aタグ)が押せない?

sectio1

Bootstrap 不具合解決

Bootstrap3が公開されましたね

http://getbootstrap.com/

このサイトもBootstrapを使っています。
正確にはBootstrapが実装されたテーマを使ってます。

使いやすくて便利なんですが、
今回の不具合が起きたときはなかなか原因を見つけにくかったです。

今回起きた不具合は
・設置したaタグがなぜか押せない
というものです。

で、なぜ押せなかったかというと、

タグにrow-fluidを入れ忘れてました。

<section class="row-fluid">
  <div class="span12">
    <a href="・・・">XXX</a>
  </div>
</section>

なぜ動かないかというと
憶測ですがrow-fluidを入れないとsectionのheightが0になってしまうためではないかと思います。

・row-fluidがない場合

sectio1

・row-fluidがある場合

sectio2

Bootstrapを使っていてaタグが反応しない場合は
確認してみてください。

Sponsored link

便利な商品紹介

オムロン クッションマッサージャ(マッサージクッション) HM-341-BG ベージュ

意外と気持ち良い

富士通 FUJITSU ScanSnap iX500 (A4/両面/Wi-Fi対応) FI-IX500A

自炊するならやっぱり持っておきたい。せっかくスキャンするならOCR付きにしておくに越したことはない。

Zenback

コメント

ブックマーク

ブログランキング

ページ上部へ戻る