• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Bootstrap на uCoz
Bootstrap на uCoz
Rostislav
Сообщений: 2393
Репутация: 591

Сообщение # 16 | 22:44:26
Ура! Заработало!

sezavasasilov
Сообщений: 1
Репутация: 0

Сообщение # 17 | 18:13:20
Цитата ERUDIT ()
Ура! Заработало!
И как же ты этого добился?
LastNews
Сообщений: 1
Репутация: 0

Сообщение # 18 | 22:27:19
Да вы чё люди, полехче с выражениями, это же бутстрап =)
Ferro7
Сообщений: 285
Репутация: 227

Сообщение # 19 | 23:20:26
Кто не делает сайты "дядюшкам" - тому не понять пользу готовых решений smile А смотреть всё через призму "готовых шаблонофф юкоз" равносильно "кто не может написать свой шаблон".
ERUDIT, Вы подключили много лишнего кода. Например, bootstrap.css == bootstrap.min.css , только вторая - сжатая версия. Ну и раз подключаете jquery, то системно-подключаемую лучше убрать

Вы полюбили меня. Здесь я. (с)
jokefither
Сообщений: 4
Репутация: 0

Сообщение # 20 | 14:55:25
Народ! Срочно нужен хелп сверстал я значит хтмл макет на bootstrap 3, пытаюсь натянуть шаблон через конструктор шаблонов.
Макет выглядит следующим образом, по бокам два контейнера шириной 1/4 сайта и в центре контент страницы шириной 2/4 .
Но все блоки почему то залезают в первый контейнер и контент страницы тоже,
Miss_Esq
Сообщений: 13864
Репутация: 4159
Уровень замечаний:

Сообщение # 21 | 15:15:47
jokefither, без адреса сайта, стилей, ответ нулевой ...

jokefither
Сообщений: 4
Репутация: 0

Сообщение # 22 | 15:22:20
Вот тут все.
Miss_Esq
Сообщений: 13864
Репутация: 4159
Уровень замечаний:

Сообщение # 23 | 15:33:00
jokefither,
Цитата
<!--[if lt IE 9]>
<script src="../js/html5shiv.js" type="text/javascript"></script>
<script src="../js/respond.js" type="text/javascript"></script>
<![endif]-->
бред ...

Цитата
Вот тут все.
стили из css перенесите в соответствующие классы тегов и анализируйте ...

Сообщение отредактировал Miss_Esq - Среда, 12 Фев 2014, 15:33:34
jokefither
Сообщений: 4
Репутация: 0

Сообщение # 24 | 13:38:05

Цитата
<!--[if lt IE 9]>
<script src="../js/html5shiv.js" type="text/javascript"></script>
<script src="../js/respond.js" type="text/javascript"></script>
<![endif]-->

бред ...
Этот бред позволяет корректно открывать страницу в IE8, так как в третьем бутстрапе официальна убрана поддержка этого браузера. P.S. Проблему решил.
loveless
Сообщений: 2
Репутация: 5

Сообщение # 25 | 13:57:15
Отпишитесь же уже кто-нибудь как корректно подключить bootstrap )
Shack
Сообщений: 5
Репутация: 0

Сообщение # 26 | 10:32:51
Цитата 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>
MSerega
Сообщений: 122
Репутация: 4

Сообщение # 27 | 22:37:03
Как поместить
в слайдер 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
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Bootstrap на uCoz
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: