Задать вопрос
Ответы пользователя по тегу Bootstrap
  • Почему undefined?

    @b_efimenko Автор вопроса
    Ну как это нету, если есть:
    <div class="row portfolio">
    						<div class="carousel slide container" id="myCarousel2">
    							<ol class="carousel-indicators">
    								<li class="active" data-slide-to="0" data-target="#myCarousel2"></li>
    								<li data-slide-to="1" data-target="#myCarousel2"></li>
    								<li data-slide-to="2" data-target="#myCarousel2"></li>
    								<li class="important"><span class="numbernew">1</span> из <span class="all"></span></li>
    							</ol>
    </div>
    </div>
    Ответ написан
    Комментировать
  • Как делать fade эффект для bootstrap carousel?

    @b_efimenko Автор вопроса
    не ужели никто не знает?
    Ответ написан
  • Как спозиционировать относительно другого блока relative?

    @b_efimenko Автор вопроса
    <div class="col-sm-6">
    										<div class="portfolio-wrap">
    										<img src="img/work1.jpg" alt="work1">
    										
    											<div class="portfolio-hide-block">
    												<div class="hide-block-left">
    													<span>EvroMedia TM</span>
    													<a href="#">www.grapeshisha.com</a>
    												</div>
    												<div class="hide-block-right">
    													<a href="#" class="blog-post-social fb" data-toggle="tooltip" data-placement="bottom" title="Поделиться в fb.com"></a>
    											<a href="#" class="blog-post-social vk" data-toggle="tooltip" data-placement="bottom" title="Поделиться в vk.com"></a>
    											<a href="#" class="blog-post-social tw" data-toggle="tooltip" data-placement="bottom" title="Поделиться в twitter.com"></a>
    												</div>
    											</div>
    										</div>
    									</div>


    .portfolio .col-sm-6 .portfolio-wrap{
    	position: relative;
    	overflow: hidden;
    	max-width: 548px;
    	margin: auto;
    }
    .portfolio .col-sm-6 .portfolio-hide-block{
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	min-height: 73px;
    	background-color: #fff;
    	overflow: hidden;
    	padding-top: 15px;
    	font-size: 18px;
    	display: none;
    }
    .hide-block-left{
    	float: left;
    	padding-left: 15px;
    }
    .hide-block-left span{
    	display: block;
    	text-align: left;
    }
    .hide-block-left a{
    	display: inline-block;
    	margin-top: 5px;
    }
    .hide-block-right{
    	float: right;
    	padding-right: 15px;
    }
    .hide-block-right a{
    	display: inline-block;
    	width: 40px;
    	height: 40px;
    	box-sizing:border-box;
    	border:1px solid #dadada;
    	border-radius: 50%;
    }
    .hide-block-right a:hover{
    	border-color: #44aff2;
    	transition:all 300ms ease-in;
    }
    Ответ написан