Boards

CSSの質問をしたり答えたりする掲示板

だら@Crieit開発者

2019-01-30に作成

CSSに関する質問を何でもしていい掲示板です。匿名での投稿も可能です。BootstrapやBulma等のCSSフレームワークなども良いと思います。どんなことでもどしどし書き込んでください。回答もどなたでも自由にできます。僕も回答できる内容であれば必ず回答します！

質問は下記に沿って書いていただくと回答しやすくなります。

実際のソースコードがある場合、可能な範囲で書いていただくと問題点を見つけやすくなります。
実際に発生したエラーメッセージがある場合、コピペしていただくと問題解決につながる可能性が高いです。
見た目上の問題の場合、スクリーンショットを貼ると状況が把握しやすくなります。

ボードとは？

2019-12

(匿名) #447aa1b5

2019-12-17に更新

スライダー　携帯　画面から外れる

テンプレートを参考にしてホームページを作っています。
https://demos.freehtml5.co/ranger/
パソコンでは見ると問題ないのですが、携帯で見るとき、指でスライドすると画面が外れて隠してある次の写真が見えてしまいます。解決策がわかりません。わかる方教えていただけませんか。

<div id="fh5co-product-screenshots" data-section="screenshots">

    <div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeIn">
            <div class="col-md-12 section-heading text-center">
                App Screenshots
                <div class="row">
                    <div class="col-md-6 col-md-offset-3">
                        Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.
                    </div>
                </div>
            </div>
        </div>
    <div class="owl-carousel-center">
        <div class="animate-box" data-animate-effect="fadeIn"><img src="images/screen-1-1-login.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
        <div class="animate-box" data-animate-effect="fadeIn"><img src="images/screen-1-8-list.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
        <div class="animate-box" data-animate-effect="fadeIn"><img src="images/screen-2-1-login.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
        <div class="animate-box" data-animate-effect="fadeIn"><img src="images/screen-2-6-overview.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
        <div class="animate-box" data-animate-effect="fadeIn"><img src="images/screen-3-7-groups.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
        <div class="animate-box" data-animate-effect="fadeIn"><img src="images/screen-4-7-groups.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
        <div class="animate-box" data-animate-effect="fadeIn"><img src="images/screen-5-6-overview.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
    </div>
</div>