Как такое реализовать на Bootstrap 3?

over 09.10.2015 Общие вопросы, Общие вопросы по вёрстке, Стили (CSS), Ламерские вопросы 2441

вопрос

Добрый день, помогите такое реализовать на bootstrap 3, не как не получается у меня уже 2 день мучаюсь :(

Как такое реализовать на Bootstrap 3?

Спасибо за внимание

Ответа пока нет

6 комментариев

Юзер

over - 2015-10-069 октября 2015 13:16 - #49298

Вот так я сделал не применяя bootstrap

HTML


<div class="company premium">
    <div class="company-description">
        <h2>
            <a href="{full-link}">{title}</a>
        </h2>
        <div class="company-info">
            <span class="company-category">{category}</span>
            <span class="company-counts">
                <span class="company-revlike">[com-link]<i class="fa fa-comment-o"></i> {comments-num}[/com-link]</span>
                <span class="company-revlike">[rating-plus]<i class="fa fa-heart-o"></i> {rating}[/rating-plus]</span>
            </span>
        </div>
    </div>
    <div class="company-container">
        <div class="company-cover">
            <a href="{full-link}">
                <img src="/uploads/{category-url}/[xfvalue_label]/cover.jpg" class="company_cover">
            </a>
        </div>

        <div class="company-contacts">
            <div class="company-contacts_inner">
                <div class="company-contacts_item" itemprop="address">
                    <i class="fa fa-map-marker"></i>
                    <div class="company-location">
                        <span href="" data-map="" class="link link--dotted u-mr-3x" data-city-id="1" data-rubric-id="151" data-id="10336959" data-url="http://www.relax.by/personal/map/subdomain/drozdy-club/">
                                                Минский р-н аг. Ждановичи                    </span>
                    </div>
                </div>
                <div class="company-contacts_item" itemprop="contactPoint">
                    <i class="fa fa-phone"></i>
                    <span class="company-phone">
                        <a style="display: inline-block" href="#">Показать номер</a>
                    </span>
                </div>
                <div class="company-contacts_item" itemprop="openingHours">
                    <i class="fa fa-clock-o"></i>
                    <span class="company-working">[xfvalue_work]</span>
                </div>
                <div class="company-contacts_item">
                    <i class="fa fa-globe"></i>
                        <a class="company-site" target="_blank" rel="nofollow" href="http://[xfvalue_site]">[xfvalue_site]</a>

                </div>
            </div>
        </div>
    </div>
</div>

Юзер

over - 2015-10-069 октября 2015 13:34 - #49299

так я сделал без bootstrap
пример

а как сделать такое на bootstrap

Админ

3457

ПафНутиЙ - 2015-10-069 октября 2015 18:50 - #49315

Зачем вам нужен бутстрап, если есть дизайн?
Похоже вам сначала следует разобраться в предназначении этого фреймворка.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

over - 2015-10-069 октября 2015 18:58 - #49316

Павел я его осваиваю, и многое сделал на проекте, почти не применяя уникальные .классы, стараюсь все сделать строго по фрейму .. помогите Паш :) разве он предназначен в первую очередь не для мобильных и адаптивной верстке ?

Админ

3457

ПафНутиЙ - 2015-10-069 октября 2015 20:15 - #49320

В первую очередь это инструмент прототипирования сайта.
Если у вас есть готовый дазайн - выкиньте бутстрап, если не понимаете почему - посмотрите какой процент его возможностей вы используете.
Если есть непреодалимое желание его использовать - держите в голове тот файк, что это всего лишь CSS, html и js и никто не может вам помешать дописать свои стили, код и скрипты.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

over - 2015-10-069 октября 2015 20:37 - #49321

И Это мне говрит Павел которые использует в своем проекте Bootstrap ))))

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст