помощь yii+bootstrap+php

Вопросы по вёрстке и JavaScript
Ответить
Muks
Сообщения: 3
Зарегистрирован: 2015.06.04, 17:34

помощь yii+bootstrap+php

Сообщение Muks »

Всем привет.
сильно не пинайте чайника,учимся...
2 заморочки

1. это слайдер. цель-сделать кликабельным. как?

Код: Выделить всё

<section class="slider hidden-xs hidden-sm">
    <div class="container-fluid">
        <div class="row">

            <div class="row">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                    <?php
                    $main=Page::model()->findByPk(38);
                    $gallery=$main->galleryBehavior->getGalleryPhotos();

                      if(count($gallery)>0):?>
                        <?php foreach ($gallery as $id=>$photo):?>
                              <li data-target="#carousel-example-generic" data-slide-to="<?php echo $id?>" class="<?php echo $id==0?'active':''?>"></li>

                        <?php endforeach?>

                    <?php endif;?>
                    </ol>




                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">

                        <?php if(count($gallery)>0):?>
                            <?php foreach ($gallery as $id=>$photo):?>
                                <div class="item <?php echo $id==0?'active':''?>">
                                    <img src="<?php echo iwi(Yii::getPathOfAlias('webroot').$photo->getUrl())->adaptive(1920,500,true)->cache()?>"  alt="...">
                                    <div class="carousel-caption">

                                    </div>

                                </div>
                            <?php endforeach?>
                        <?php endif;?>

                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
Если можно,прямо по пунктам,что и куда....

2. вопрос скорее к знатокам bootstrap, хотя,кто Знает yii ответит.
есть перечень услуг,который вызывается из категории.
на странице это картинка и текст.
вопрос-КАК регулировать кол-во картинок???
например 3 и 3 в 2 ряда.
если больше то по по 4 в 2 ряда.
ну а если их нечетное кол-во(3и 2) то чтоб друг под другом отцентровывались.
вот код что есть. ежель еще что нужно-скину.

Код: Выделить всё

<div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="service-title text-center">
                    <p><img src="/style/img/hr.png" alt=""/>
                    <span>Услуги</span>
                    <img src="/style/img/hr.png" alt=""/>
                    </p>
                    
                </div>
            </div>
            
            <div class="col-xs-12">
 
                <?php
                $services=Page::model()->filterByCategory(33)->published()->findAll();
 
                ?>
                <?php foreach($services as $service): ?>
 
                    <div class="services"><a href="<?php echo $service->getViewUrl()?>">
                            <div class="thumbnail">
                                <img src="<?php echo iwi(helper_image($service->file?$service->file->resolvePath():''))->adaptive(220,220,true)->cache()?>" style="width: 100%"  alt=""/>
                                <div class="caption">
                                    <?php echo $service->title?>
 
 
                                </div>
                            </div></a>
                    </div>
                <?php endforeach ?>
 
 
 
            </div>
        </div>
    </div>


Буду рад любой помощи!
СПАСИБО!
Ответить