Можно ли настроить карусель под себя?

0

Делаю шаблон сайта с каруселью,  в бутстрап готовые коды, только как их настроить под себя не пойму. Кто подскажет как отключить автоматическое листание слайдов (сделать ручным) и как сделать ссылку с выбранной картинки, чтобы она открывалась в карусели. К примеру, у меня на странице несколько картинок (файлов), мне нужно открыть выбранный в самой карусели. То есть, страница карусели открывается не с первого слайда, а с выбранного из представленного ранее меню.

Надеюсь вопрос описал корректно) За ранее спасибо!

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Menu 1</title>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
  </head>
  <body>

    <div class="container-fluid">
      <div class="row">
       
       <nav role="navigation" class="navbar navbar-inverse">
          <div class="container">

          <div class="navbar-header header">

            <div class="container">
              
              <div class="row">
                
                <div class="col-lg-12">
                  <h1><a href="razmetca.html">Логотип</a></h1>
                  <p>Слоган</p>
                </div>

              </div>

            </div>

            
            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
              
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>

            </button>
          

          </div>
            
            <div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
              
              <ul class="nav nav-pills">
                <li> <a href="razmetca.html">Главная</a> </li>
                <li class="active"> <a href="menu1.html">Menu 1</a> </li>
                <li> <a href="menu2.html">Menu 2</a> </li>
                <li> <a href="#">Menu 3 </a> </li>
                <li> <a href="#">Menu 4</a> </li>
              </ul>

            </div>

          </div>
       </nav> 

      </div>
    </div>


    <div class="wrapper">
      
      <div class="container">
        
        <div class="row">
          
        <div class="col-lg-9 col-lg-push-3">

          <form role="search" class="visible-xs">
            <div class="form-group">
              <div class="input-group">
                <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                <div class="input-group-btn">
                  <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                </div>
              </div>
            </div>
          </form>

          <div class="name_content">
            <h2 class="text-center">img-content</h2>
          </div>

          <div class="row">

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="menu2.html#id=2"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

          </div>

        </div>

        <div class="margin-8"></div>

        <div class="col-lg-3 col-lg-pull-9">

          <div class="panel panel-default hidden-xs">
            <div class="panel-heading text-center">Поиск по сайту</div>
            <div class="panel-body">
              <form role="search">
                <div class="form-group">
                  <div class="input-group">
                    <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                    <div class="input-group-btn">
                      <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                    </div>
                  </div>
                </div>
              </form> 
            </div>
          </div>

          <div class="panel panel-default">
            <div class="panel-heading text-center">Личный кабинет</div>
            <div class="panel-body">
              <form role="form">
                <div class="form-group">
                  <input type="text" class="form-control input-lg" placeholder="Логин">
                </div>
                <div class="form-group">
                  <input type="password" class="form-control input-lg" placeholder="Пароль">
                </div>
                <button type="submit" class="btn btn-warning">Войти</button>
                <div class="lables_passreg_text">
                  <span><a href="#">Вспомнить пароль</a></span> | <span><a href="#">Регистрация</a></span>
                </div>
              </form>
            </div>
          </div>

          <div class="panel panel-default">
            <div class="panel-heading text-center">Новости сайта</div>
            <div class="panel-body">
              <p><a href="#">Новость 1</a></p>
              <p><a href="#">Новость 2</a></p>
              <p><a href="#">Новость 3</a></p>
            </div>
          </div>

        </div>      

        </div>

      </div>

      <div class="clear"></div>

    </div>


    <footer>
      
      <div class="container">
        <p class="text-center"> <a href="http://ru.wh-db.com">Shablon</a> </p>
      </div>

    </footer>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
  </body>
</html>


<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Shablon</title>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
  </head>
  <body>

    <div class="container-fluid">
      <div class="row">
       
       <nav role="navigation" class="navbar navbar-inverse">
          <div class="container">

          <div class="navbar-header header">

            <div class="container">
              
              <div class="row">
                
                <div class="col-lg-12">
                  <h1><a href="razmetca.html">Логотип</a></h1>
                  <p>Слоган</p>
                </div>

              </div>

            </div>

            
            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
              
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>

            </button>
          

          </div>
            
            <div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
              
              <ul class="nav nav-pills">
                <li> <a href="razmetca.html">Главная</a> </li>
                <li> <a href="menu1.html">Menu 1</a> </li>
                <li class="active"> <a href="menu2.html">Menu 2</a> </li>
                <li> <a href="#">Menu 3 </a> </li>
                <li> <a href="#">Menu 4</a> </li>
              </ul>

            </div>

          </div>
       </nav> 

      </div>
    </div>


    <div class="wrapper">
      
      <div class="container">
        
        <div class="row">
          
          <div class="col-lg-9 col-lg-push-3">

            <form role="search" class="visible-xs">
              <div class="form-group">
                <div class="input-group">
                  <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                  <div class="input-group-btn">
                    <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                  </div>
                </div>
              </div>
            </form>

            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <!-- <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                <li data-target="#carousel-example-generic" data-slide-to="5"></li>
                <li data-target="#carousel-example-generic" data-slide-to="6"></li>
                <li data-target="#carousel-example-generic" data-slide-to="7"></li>
                <li data-target="#carousel-example-generic" data-slide-to="8"></li>
                <li data-target="#carousel-example-generic" data-slide-to="9"></li>
                <li data-target="#carousel-example-generic" data-slide-to="10"></li>
                <li data-target="#carousel-example-generic" data-slide-to="11"></li>
              </ol> -->

              <!-- Wrapper for slides -->
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                <h1>картинка 1</h1>
                  <img src="assets/img/img2.png" alt="картинка 1">
                  <div class="carousel-caption">
                    <!-- картинка 1 -->
                  </div>
                </div>

                <div class="item">
                <h1>картинка 2</h1>
                  <img src="assets/img/img2.png" alt="картинка 2">
                  <div class="carousel-caption">
                    <!-- картинка 2 -->
                  </div>
                </div>

                <div class="item">
                <h1>картинка 3</h1>
                  <img src="assets/img/img2.png" alt="картинка 3">
                  <div class="carousel-caption">
                    <!-- картинка 3 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 4</h1>
                  <img src="assets/img/img2.png" alt="картинка 4">
                  <div class="carousel-caption">
                    <!-- картинка 4 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 5</h1>
                  <img src="assets/img/img2.png" alt="картинка 5">
                  <div class="carousel-caption">
                    <!-- картинка 5 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 6</h1>
                  <img src="assets/img/img2.png" alt="картинка 6">
                  <div class="carousel-caption">
                    <!-- картинка 6 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 7</h1>
                  <img src="assets/img/img2.png" alt="картинка 7">
                  <div class="carousel-caption">
                    <!-- картинка 7 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 8</h1>
                  <img src="assets/img/img2.png" alt="картинка 8">
                  <div class="carousel-caption">
                    <!-- картинка 8 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 9</h1>
                  <img src="assets/img/img2.png" alt="картинка 9">
                  <div class="carousel-caption">
                    <!-- картинка 9 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 10</h1>
                  <img src="assets/img/img2.png" alt="картинка 10">
                  <div class="carousel-caption">
                    <!-- картинка 10 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 11</h1>
                  <img src="assets/img/img2.png" alt="картинка 11">
                  <div class="carousel-caption">
                    <!-- картинка 11 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 12</h1>
                  <img src="assets/img/img2.png" alt="картинка 12">
                  <div class="carousel-caption">
                    <!-- картинка 12 -->
                  </div>
                </div>
              </div>

              <!-- Controls -->
              <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>

          </div>

          <div class="margin-8"></div>
          
          <div class="col-lg-3 col-lg-pull-9">

            <div class="panel panel-default hidden-xs">
              <div class="panel-heading text-center">Поиск по сайту</div>
              <div class="panel-body">
                <form role="search">
                  <div class="form-group">
                    <div class="input-group">
                      <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                      <div class="input-group-btn">
                        <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                      </div>
                    </div>
                  </div>
                </form> 
              </div>
            </div>

            <div class="panel panel-default">
              <div class="panel-heading text-center">Личный кабинет</div>
              <div class="panel-body">
                <form role="form">
                  <div class="form-group">
                    <input type="text" class="form-control input-lg" placeholder="Логин">
                  </div>
                  <div class="form-group">
                    <input type="password" class="form-control input-lg" placeholder="Пароль">
                  </div>
                  <button type="submit" class="btn btn-warning">Войти</button>
                  <div class="lables_passreg_text">
                    <span><a href="#">Вспомнить пароль</a></span> | <span><a href="#">Регистрация</a></span>
                  </div>
                </form>
              </div>
            </div>

            <div class="panel panel-default">
              <div class="panel-heading text-center">Новости сайта</div>
              <div class="panel-body">
                <p><a href="#">Новость 1</a></p>
                <p><a href="#">Новость 2</a></p>
                <p><a href="#">Новость 3</a></p>
              </div>
            </div>

          </div>      

        </div>

      </div>

      <div class="clear"></div>

    </div>


    <footer>
      
      <div class="container">
        <p class="text-center"> <a href="http://ru.wh-db.com">Shablon</a> </p>
      </div>

    </footer>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
  </body>
</html>
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Menu 1</title>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
  </head>
  <body>

    <div class="container-fluid">
      <div class="row">
       
       <nav role="navigation" class="navbar navbar-inverse">
          <div class="container">

          <div class="navbar-header header">

            <div class="container">
              
              <div class="row">
                
                <div class="col-lg-12">
                  <h1><a href="razmetca.html">Логотип</a></h1>
                  <p>Слоган</p>
                </div>

              </div>

            </div>

            
            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
              
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>

            </button>
          

          </div>
            
            <div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
              
              <ul class="nav nav-pills">
                <li> <a href="razmetca.html">Главная</a> </li>
                <li class="active"> <a href="menu1.html">Menu 1</a> </li>
                <li> <a href="menu2.html">Menu 2</a> </li>
                <li> <a href="#">Menu 3 </a> </li>
                <li> <a href="#">Menu 4</a> </li>
              </ul>

            </div>

          </div>
       </nav> 

      </div>
    </div>


    <div class="wrapper">
      
      <div class="container">
        
        <div class="row">
          
        <div class="col-lg-9 col-lg-push-3">

          <form role="search" class="visible-xs">
            <div class="form-group">
              <div class="input-group">
                <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                <div class="input-group-btn">
                  <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                </div>
              </div>
            </div>
          </form>

          <div class="name_content">
            <h2 class="text-center">img-content</h2>
          </div>

          <div class="row">

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="menu2.html#id=2"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

            <div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <a href="#"><img src="assets/img/img2.png" alt="картинка"></a> 
              <div class="img_label text-center"><a href="#">картинка</a></div>
            </div>

          </div>

        </div>

        <div class="margin-8"></div>

        <div class="col-lg-3 col-lg-pull-9">

          <div class="panel panel-default hidden-xs">
            <div class="panel-heading text-center">Поиск по сайту</div>
            <div class="panel-body">
              <form role="search">
                <div class="form-group">
                  <div class="input-group">
                    <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                    <div class="input-group-btn">
                      <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                    </div>
                  </div>
                </div>
              </form> 
            </div>
          </div>

          <div class="panel panel-default">
            <div class="panel-heading text-center">Личный кабинет</div>
            <div class="panel-body">
              <form role="form">
                <div class="form-group">
                  <input type="text" class="form-control input-lg" placeholder="Логин">
                </div>
                <div class="form-group">
                  <input type="password" class="form-control input-lg" placeholder="Пароль">
                </div>
                <button type="submit" class="btn btn-warning">Войти</button>
                <div class="lables_passreg_text">
                  <span><a href="#">Вспомнить пароль</a></span> | <span><a href="#">Регистрация</a></span>
                </div>
              </form>
            </div>
          </div>

          <div class="panel panel-default">
            <div class="panel-heading text-center">Новости сайта</div>
            <div class="panel-body">
              <p><a href="#">Новость 1</a></p>
              <p><a href="#">Новость 2</a></p>
              <p><a href="#">Новость 3</a></p>
            </div>
          </div>

        </div>      

        </div>

      </div>

      <div class="clear"></div>

    </div>


    <footer>
      
      <div class="container">
        <p class="text-center"> <a href="http://ru.wh-db.com">Shablon</a> </p>
      </div>

    </footer>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
  </body>
</html>



<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Shablon</title>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
  </head>
  <body>

    <div class="container-fluid">
      <div class="row">
       
       <nav role="navigation" class="navbar navbar-inverse">
          <div class="container">

          <div class="navbar-header header">

            <div class="container">
              
              <div class="row">
                
                <div class="col-lg-12">
                  <h1><a href="razmetca.html">Логотип</a></h1>
                  <p>Слоган</p>
                </div>

              </div>

            </div>

            
            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
              
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>

            </button>
          

          </div>
            
            <div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
              
              <ul class="nav nav-pills">
                <li> <a href="razmetca.html">Главная</a> </li>
                <li> <a href="menu1.html">Menu 1</a> </li>
                <li class="active"> <a href="menu2.html">Menu 2</a> </li>
                <li> <a href="#">Menu 3 </a> </li>
                <li> <a href="#">Menu 4</a> </li>
              </ul>

            </div>

          </div>
       </nav> 

      </div>
    </div>


    <div class="wrapper">
      
      <div class="container">
        
        <div class="row">
          
          <div class="col-lg-9 col-lg-push-3">

            <form role="search" class="visible-xs">
              <div class="form-group">
                <div class="input-group">
                  <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                  <div class="input-group-btn">
                    <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                  </div>
                </div>
              </div>
            </form>

            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <!-- <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                <li data-target="#carousel-example-generic" data-slide-to="5"></li>
                <li data-target="#carousel-example-generic" data-slide-to="6"></li>
                <li data-target="#carousel-example-generic" data-slide-to="7"></li>
                <li data-target="#carousel-example-generic" data-slide-to="8"></li>
                <li data-target="#carousel-example-generic" data-slide-to="9"></li>
                <li data-target="#carousel-example-generic" data-slide-to="10"></li>
                <li data-target="#carousel-example-generic" data-slide-to="11"></li>
              </ol> -->

              <!-- Wrapper for slides -->
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                <h1>картинка 1</h1>
                  <img src="assets/img/img2.png" alt="картинка 1">
                  <div class="carousel-caption">
                    <!-- картинка 1 -->
                  </div>
                </div>

                <div class="item">
                <h1>картинка 2</h1>
                  <img src="assets/img/img2.png" alt="картинка 2">
                  <div class="carousel-caption">
                    <!-- картинка 2 -->
                  </div>
                </div>

                <div class="item">
                <h1>картинка 3</h1>
                  <img src="assets/img/img2.png" alt="картинка 3">
                  <div class="carousel-caption">
                    <!-- картинка 3 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 4</h1>
                  <img src="assets/img/img2.png" alt="картинка 4">
                  <div class="carousel-caption">
                    <!-- картинка 4 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 5</h1>
                  <img src="assets/img/img2.png" alt="картинка 5">
                  <div class="carousel-caption">
                    <!-- картинка 5 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 6</h1>
                  <img src="assets/img/img2.png" alt="картинка 6">
                  <div class="carousel-caption">
                    <!-- картинка 6 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 7</h1>
                  <img src="assets/img/img2.png" alt="картинка 7">
                  <div class="carousel-caption">
                    <!-- картинка 7 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 8</h1>
                  <img src="assets/img/img2.png" alt="картинка 8">
                  <div class="carousel-caption">
                    <!-- картинка 8 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 9</h1>
                  <img src="assets/img/img2.png" alt="картинка 9">
                  <div class="carousel-caption">
                    <!-- картинка 9 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 10</h1>
                  <img src="assets/img/img2.png" alt="картинка 10">
                  <div class="carousel-caption">
                    <!-- картинка 10 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 11</h1>
                  <img src="assets/img/img2.png" alt="картинка 11">
                  <div class="carousel-caption">
                    <!-- картинка 11 -->
                  </div>
                </div>
                <div class="item">
                <h1>картинка 12</h1>
                  <img src="assets/img/img2.png" alt="картинка 12">
                  <div class="carousel-caption">
                    <!-- картинка 12 -->
                  </div>
                </div>
              </div>

              <!-- Controls -->
              <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>

          </div>

          <div class="margin-8"></div>
          
          <div class="col-lg-3 col-lg-pull-9">

            <div class="panel panel-default hidden-xs">
              <div class="panel-heading text-center">Поиск по сайту</div>
              <div class="panel-body">
                <form role="search">
                  <div class="form-group">
                    <div class="input-group">
                      <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                      <div class="input-group-btn">
                        <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                      </div>
                    </div>
                  </div>
                </form> 
              </div>
            </div>

            <div class="panel panel-default">
              <div class="panel-heading text-center">Личный кабинет</div>
              <div class="panel-body">
                <form role="form">
                  <div class="form-group">
                    <input type="text" class="form-control input-lg" placeholder="Логин">
                  </div>
                  <div class="form-group">
                    <input type="password" class="form-control input-lg" placeholder="Пароль">
                  </div>
                  <button type="submit" class="btn btn-warning">Войти</button>
                  <div class="lables_passreg_text">
                    <span><a href="#">Вспомнить пароль</a></span> | <span><a href="#">Регистрация</a></span>
                  </div>
                </form>
              </div>
            </div>

            <div class="panel panel-default">
              <div class="panel-heading text-center">Новости сайта</div>
              <div class="panel-body">
                <p><a href="#">Новость 1</a></p>
                <p><a href="#">Новость 2</a></p>
                <p><a href="#">Новость 3</a></p>
              </div>
            </div>

          </div>      

        </div>

      </div>

      <div class="clear"></div>

    </div>


    <footer>
      
      <div class="container">
        <p class="text-center"> <a href="http://ru.wh-db.com">Shablon</a> </p>
      </div>

    </footer>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
  </body>
</html>
bootstrap

1 ответов

0

Ссылку можно поверх картинки наложить и с помощью position relative/absolute задать местоположение ссылки.

Sign up or Log in to write an answer