<body>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
    img{
        margin:10px;
        padding: 10px;
        border: 1px solid;
        background-color: #FFFFBB;
        width: 400px;
        height: 267px;"
    }
    </style>
    <center>
        <p>
            <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                客房實景
            </a>
            <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample2" aria-expanded="false"
                aria-controls="collapseExample">
                農場實景
            </button>

            <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample3" aria-expanded="false"
                aria-controls="collapseExample">
                衛浴設施
            </button>

            <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample4" aria-expanded="false"
                aria-controls="collapseExample">
                有棚營區
            </button>

            <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample5" aria-expanded="false"
                aria-controls="collapseExample">
                遊憩設施
            </button>
        </p>

        <div class="collapse" id="collapseExample">
            <div class="card card-body">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/762596.jpg" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG" alt="">
            </div>
        </div>

        <div class="collapse" id="collapseExample2">
            <div class="card card-body">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/IMG_1036.JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0872.JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/05IMG_0975.JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2407.JPG" alt="">
            </div>
        </div>

        <div class="collapse" id="collapseExample3">
            <div class="card card-body">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/02_IMG_0919(1).JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/04_IMG_0921.JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2393.JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/06_IMG_0914.JPG" alt="">
            </div>
        </div>

        <div class="collapse" id="collapseExample4">
            <div class="card card-body">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/762595.jpg" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/05_IMG_0906(1).JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/07_IMG_0922.JPG" alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2217.JPG" alt="">
            </div>
        </div>

        <div class="collapse" id="collapseExample5">
            <div class="card card-body">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/20863393_1880807675504722_470121446944147085_o.jpg" style="border: solid; background-color: #FFFFBB; width: 400px; height: 267px;"
                    alt="">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/IMG_0989(1).JPG" alt="">
            </div>
        </div>
    </center>

</body>