クリック時のブートストラップフリップ部<a href> does not work on mobile

Question

I am making a website and I am having a problem.

I am using this code: https://jsfiddle.net/3caq0L8u/

ボタンクリックでdivを反転する。

divを反転するボタンは、カードの「前」と「後」にあります。私の問題は、デスクトップ上では問題なく、ボタンはありません。または

<a href> 

をクリックすることができます。クリックすると何も起こりません。

私はそれがこのCSSとは何かを持っているが、私は把握することはできません感じているもの

.flip { 
    -webkit-perspective: 800; 
    perspective: 800; 
    position: relative; 
    text-align: center; 
} 
.flip .card.flipped { 
    -webkit-transform: rotatey(-180deg); 
    transform: rotatey(-180deg); 
} 
.flip .card { 
    height: 100%; 
    -webkit-transform-style: preserve-3d; 
    -webkit-transition: 0.5s; 
    transform-style: preserve-3d; 
    transition: 0.5s; 
} 
.flip .card .face { 
    -webkit-backface-visibility: hidden ; 
    backface-visibility: hidden ; 
    z-index: 2; 
} 
.flip .card .front { 
    position: absolute; 
    width: 100%; 
    z-index: 1; 
} 
.flip .card .back { 
    -webkit-transform: rotatey(-180deg); 
    transform: rotatey(-180deg); 
} 
.inner{margin:0px !important;} 

誰もがそれを引き起こしているだろうか任意のアイデアを持っていますか？

ありがとうございます！

Answer 1

フッターのサイズが不自然になっていて、ほとんどの画面をモバイルでカバーしています。あなたのCSSに追加：

footer { 
    clear:both 
} 

これは、それがメインのコンテンツの後に来ることを保証します。