2018-09-06

bootstrap,スマートフォン画面でリンクが無効になる対処

ホームページのデザインで、bootstrapを使うと効率的に作成できる。
レスポンシブデザインでは、よく使われる。

さて、bootstrapを使っていると、PC画面では問題がないが、スマホで見るとリンクが無効になってしまう現象が起こることがある。
"terget"タグが無効になってしまう、現象なのか?

解決したときのメモは以下の通り

CMS Evolution 1.4.5 でホームページを作成。
記事の概要を出力するため、Dittoライブラリを使用した。

<div class="col-md-6 col-sm-6 col-xs-12 outline">
[!見出しと概要? &id='51' &limit='60'!]</div>
から

<div class="col-md-6 col-sm-6 outline">
[!見出しと概要? &id='51' &limit='60'!]</div>

に変更(col-xs-12を削除)することで、見出しのリンクが無効であったものが有効になった。