2017-01-04 4 views
0

整列し、休憩ではない私は、スライダーを持っている:スライダー

私は右上に、私のサイトにページ全体のために、このスライダーを含めるしようとしています。

これは私が達成できたものです:http://79.170.44.117/userprofile

私は間違いを訂正する助けてください。

<body> 
 
    \t <div class="rotate-slider"> 
 
\t <ul class="slides"> 
 
\t \t <li> 
 
\t \t <div class="inner"> 
 
\t \t \t <h2>Actual Rotating Slider</h2> 
 
\t \t \t <p>Built with math and dedication</p> 
 
\t \t </div> 
 
\t \t </li> 
 
\t \t <li> 
 
\t \t <div class="inner"></div> 
 
\t \t </li> 
 
\t \t <li> 
 
\t \t <div class="inner"> 
 
\t \t \t <h2>Hates IE</h2> 
 
\t \t \t <p>Uses clip-path to shape slides</p> 
 
\t \t </div> 
 
\t \t </li> 
 
\t \t <li> 
 
\t \t <div class="inner"> 
 
\t \t </div> 
 
\t \t </li> 
 
\t \t <li> 
 
\t \t <div class="inner"> 
 
\t \t \t <h2>Easy to use</h2> 
 
\t \t \t <p>Just add list elements in the HTML and set a height and width in the JavaScript Settings</p> 
 
\t \t \t <p><small>Slider controls and proper jQuery plugin coming soon.</small></p> 
 
\t \t </div> 
 
\t \t </li> 
 
\t \t <li> 
 
\t \t <div class="inner"> 
 
\t \t \t <h2>I'm not a thief!</h2> 
 
\t \t \t <p>Stock photos from www.pexels.com</p> 
 
\t \t </div> 
 
\t \t </li> 
 
\t </ul> 
 
\t </div> 
 
\t <svg> 
 
\t \t <defs> 
 
\t \t \t <clipPath id="slideClip"> 
 
\t \t \t <path /> 
 
\t \t \t </clipPath> 
 
\t \t </defs> 
 
\t </svg> 
 
    
 

 
    
 
    
 
</body>

答えて

4

enter image description hereちょうどこれを追加します:行32時:あなたのブートストラップは、クラス

.slides li { 
    box-sizing: content-box; 
} 

かをオーバーライドした場合の

コードリンクは、将来の仕事をdoesnot slider.cssの

.rotate-slider ul.slides li{ 
    box-sizing: content-box; 
} 
+1

天才に感謝します。神の祝福。 – jane

+0

問題はありません。:) –

+0

あなたは円の真ん中を意味しますか?ページの中心ですか?彼らはどちらも異なるポジションです。 –