2014-03-18 3 views
2

Хорошо, поэтому я пытаюсь немного что-то сделать из своей лиги и им довольно близко!Styling bootstrap carousel navigation

Я хочу, чтобы следующие кнопки Prev/быть, как это, когда вы попадаете на страницу:

enter image description here

И как это, когда вы наведете (распространено и быть готовым к использованию)

enter image description here

Я нахожусь на первом этапе. У меня есть некоторые проблемы с позиционированием, если кто-нибудь может взглянуть.

Here is the live site (просто выделите справа внизу портфолио)

+0

Я не вижу скроллер там – ShibinRagh

+0

Что это значит? – ve1jdramas

+0

Я проверяю ваш сайт на сайте, но я не могу решить проблему там. – ShibinRagh

ответ

2

Вы можете попробовать что-то вроде

.left.carousel-control:hover{ 
    margin-left:-50px; 
} 
.right.carousel-control:hover{ 
    margin-left:50px; 
} 

Update:

.left.carousel-control, .right.carousel-control{ 
    width: 100%; 
    left: 0; 
} 
+0

Хорошо, придется немного поиграть с этим, у вас есть идея по позиционированию? – ve1jdramas

+0

@Dimitrov см. Обновление – pbenard

+0

Хорошо, так что это работает очень хорошо, мне просто нужно было использовать отступы вместо поля, но у меня проблема с ним: 'width: 100%;' заставляет наведение активироваться по всей ширине страницу, я пытаюсь исправить ее, если вы можете [взглянуть] (http://aliensix.com/lightningbolt/) – ve1jdramas

1
.carousel-control{top: 75%;} 
.carousel-control.right{ 
right: 43%; 
} 
.carousel-control.left{ 
left: 42%; 
} 
.carousel:hover .carousel-control.right{right: 0;} 
.carousel:hover .carousel-control.left{left: 0;} 

Это может помочь.