Tip & Tech

활용팁

홈 > 회원포럼 > 활용팁
활용팁

게임 일정 부트 스트랩 게임 일정

eff6838e73cd8f554eb57aa6e31c7c69_1422573401_9232.gif
게임 일정 부트 스트랩 게임 일정

 

 

<div class="container text-center">
        <h3>Playoffs Time Table - Using Bootstrap 3</h3>
        <div class="row text-center">
            <div class="col-md-4">
            </div>

            <div class="col-md-4 plays-schedule">
                <div class="well">
                    <div class="plays-schedule-title">
                        <div class="row">
                            <div class="col-md-12">
                                <h5>Coming Up Today</h5>
                            </div>
                        </div>
                    </div>
                    <div class="plays-schedule-items">
                        <div class="row plays-team">
                            <div class="col-md-5">
                                <img src="http://www.prepbootstrap.com/Content/images/template/gamesschedule/england.jpg" alt="England"><span>England</span>
                            </div>
                            <div class="col-md-2">
                                <h4>
                                    <span class="fa fa-arrow-circle-left "></span>
                                    <span class="fa fa-futbol-o fa-3"></span>
                                </h4>
                            </div>
                            <div class="col-md-5">
                                <img src="http://www.prepbootstrap.com/Content/images/template/gamesschedule/spain.jpg" alt="Spain"><span>Spain</span>
                            </div>
                        </div>
                        <div class="row plays-info">
                            <div class="col-md-12">
                                <p>
                                    <span class="fo"></span>
                                    <span class="fa fa-calendar fa-lg colored-tex"></span>
                                    19 March, 2014
             <span class="fa fa-clock-o fa-lg colored-tex"></span>
                                    (<small>15:30 local | 09:30 GMT</small>)
                                </p>
                                <p class="plays-dash"></p>
                                <p><small>Wembley Statium, UK</small></p>
                            </div>
                        </div>
                    </div>

                    <div class="plays-schedule-items">
                        <div class="row plays-team">
                            <div class="col-md-5">
                                <img src="http://www.prepbootstrap.com/Content/images/template/gamesschedule/germany.jpg" alt="England"><span>Germany</span>
                            </div>
                            <div class="col-md-2">
                                <h4>
                                    <span class="fa fa-futbol-o fa-3"></span>
                                    <span class="fa fa-arrow-circle-right"></span>
                                </h4>
                            </div>
                            <div class="col-md-5">
                                <img src="http://www.prepbootstrap.com/Content/images/template/gamesschedule/Italy.jpg" alt="Spain"><span>Italy</span>
                            </div>
                        </div>
                        <div class="row plays-info">
                            <div class="col-md-12">
                                <p>
                                    <span class="fo"></span>
                                    <span class="fa fa-calendar fa-lg colored-tex"></span>
                                    19 March, 2014
             <span class="fa fa-clock-o fa-lg colored-tex"></span>
                                    (<small>15:30 local | 09:30 GMT</small>)
                                </p>
                                <p class="plays-dash"></p>
                                <p><small>National Stadium, Rome</small></p>
                            </div>
                        </div>
                    </div>


                    <div class="plays-schedule-footer">
                        <div class="row">
                            <div class="col-md-6">
                                <p class="text-left">19 March, 2014</p>
                            </div>
                            <div class="col-md-6">
                                <p class="text-right">&COPY; prepbootstrap.com</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

 

2 Comments
16 까꿍아비 2015.01.30 17:03  
다양하게 사용하시는 모습이 부럽습니다.~~
8 큐브 2015.01.30 17:11  
여러가지 해보고 있는중입니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand