Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Bootstrap на uCoz |
| Bootstrap на uCoz |
|
|
|
Цитата ERUDIT (  )Ура! Заработало! |
|
Кто не делает сайты "дядюшкам" - тому не понять пользу готовых решений
 А смотреть всё через призму "готовых шаблонофф юкоз" равносильно "кто не может написать свой шаблон". ERUDIT, Вы подключили много лишнего кода. Например, bootstrap.css == bootstrap.min.css , только вторая - сжатая версия. Ну и раз подключаете jquery, то системно-подключаемую лучше убрать Вы полюбили меня. Здесь я. (с)
|
|
Народ! Срочно нужен хелп сверстал я значит хтмл макет на bootstrap 3, пытаюсь натянуть шаблон через конструктор шаблонов.
Макет выглядит следующим образом, по бокам два контейнера шириной 1/4 сайта и в центре контент страницы шириной 2/4 . Но все блоки почему то залезают в первый контейнер и контент страницы тоже, |
|
|
|
Вот тут все. |
|
jokefither,
Цитата <!--[if lt IE 9]> <script src="../js/html5shiv.js" type="text/javascript"></script> <script src="../js/respond.js" type="text/javascript"></script> <![endif]--> Цитата Вот тут все. Сообщение отредактировал Miss_Esq - Среда, 12 Фев 2014, 15:33:34
|
|
Цитата <!--[if lt IE 9]> <script src="../js/html5shiv.js" type="text/javascript"></script> <script src="../js/respond.js" type="text/javascript"></script> <![endif]--> бред ... |
|
Цитата loveless ( )тпишитесь же уже кто-нибудь как корректно подключить bootstrap ) 1. Надо скачать файлы bootstrap и загрузить их на свой сайт, сохраняя вложенность. 2. Затем на странице "Общие настройки" надо указать версию библиотеки jQuery: jQuery-1.10.2.js 3. Вот пример простого кода шаблона, чтобы все заработало: Код <!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>Шаблон 101 Bootstrap для uCoz</title> <link href="/css/bootstrap.min.css" rel="stylesheet"> <link href="/_st/my.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> $BODY$ <script src="/js/bootstrap.min.js"></script> </body> </html> |
|
Как поместить
в слайдер Bootstrap на один слайд 2 новости? Код на странице где информер Код <div id="carousel-example-multi" class="carousel slide carousel-multi-item" data-ride="carousel"> <!--Controls--> <div class="controls-top "> <a class="btn-floating" href="#carousel-example-multi" data-slide="prev"><i class="fas fa-chevron-left"></i></a> <a class="btn-floating" href="#carousel-example-multi" data-slide="next"><i class="fas fa-chevron-right"></i></a> </div> <!--/.Controls--> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-multi" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-multi" data-slide-to="1"></li> <li data-target="#carousel-example-multi" data-slide-to="2"></li> <li data-target="#carousel-example-multi" data-slide-to="3"></li> <li data-target="#carousel-example-multi" data-slide-to="4"></li> <li data-target="#carousel-example-multi" data-slide-to="5"></li> </ol> <!--/.Indicators--> <div class="carousel-inner" role="listbox"> $MYINF_22$ </div> Код информера Код <div class="carousel-item <?if($NUMBER$="1")?>active<?else?><?endif?>"> <div class="col-12 col-md-12 col-lg-6 d-flex align-items-stretch"> <div class="card mb-2"> <img class="card-img-top" src="$IMG_URL1$" alt="$TITLE$"> <a class="btn-floating btn-action ml-auto mr-4 mdb-color lighten-3" href="$ENTRY_URL$"><i class="fas fa-chevron-right pl-1"></i></a> <div class="card-body"> <h4 class="card-title">$TITLE$</h4> <p class="card-text">$MESSAGE$</p> </div> <!-- Card footer --> <div class="rounded-bottom mdb-color lighten-3 text-center pt-3"> <ul class="list-unstyled list-inline font-small"> <li class="list-inline-item pr-2 white-text"><i class="far fa-clock pr-1"></i>$DATE$</li> <li class="list-inline-item pr-2"><a href="$COMMENTS_URL$" class="white-text"><i class="far fa-comments pr-1"></i>$COMMENTS_NUM$</a></li> <li class="list-inline-item pr-2 white-text"><i class="far fa-eye pr-1"></i></i>$READS$</li> </ul> </div> </div> </div> </div> Показывет только одну новость на один слайд. Если не можешь прожить жизнь нормально, проживи ее афигенно
Сообщение отредактировал MSerega - Четверг, 10 Окт 2019, 22:39:41
|
| |||