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

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

вопрос

Добрый день, помогите такое реализовать на 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
В комментариях неверно выводится чекбокс. Как поправить?
23-03-2025, 15:41

Поправить можно при помощи CSS, смотреть в стандартном шаблоне либо открыть страницу https://dle-news.ru/templates-changelog.html и посмотреть изменения относительно вашей прошлой версии и тех до которых вы обновиляете. Стили относящиеся этого вопроса находятся в Изменения между версиями 17.2 и 17.3.
TeraMoune | Как сменить тему TinyMCE?
TeraMoune
Как сменить тему TinyMCE?
17-03-2025, 06:34
```
if( typeof tinymce === 'object' ) {
	tinymce.get().forEach((item) => {

		if( this.isDarkTheme() ) item.contentDocument.activeElement.classList.add('dle_theme_dark');
		else item.contentDocument.activeElement.classList.remove('dle_theme_dark');
	
	});
}
```
Вместо this.isDarkTheme() использовать то, что используется у вас для определения или установления факта тёмной темы.

Для применения тёмной темы панели кнопок необходимо установить html тегу класс dle_theme_dark
TeraMoune | Как вывести кнопку добавления статическо ... ¹

TeraMoune
Как вывести кнопку добавления статической страницы на сайт с модерацией ?
13-03-2025, 16:33

Таких возможностей не предусмотрено как и модерации этого типа страниц.
tarantino1 | Адаптация Kylshop 5.3 для DLE 15 ¹¹

tarantino1
Адаптация Kylshop 5.3 для DLE 15
13-03-2025, 15:35

помогите плиз, модуль не появился в админке, или как в админку зайти? кто-то выше спрашивал какие теги у него, их нигде в сети нет, но я нашёл его сайт на веб архив и вот основные теги ниже.
Общие теги
{cart} - выводит мини-корзину на странице. Данный тег можно не указывать, при этом плагин сам вставит корзину в конец html документа. При этом должен присутствовать обязательный стандартный тег DLE {AJAX}
По умолчанию стили фиксируют корзину справа вверху. Вы можете переписать стили в своем файле стилей, во избежание затирания стандартных стилей при обновлении плагина.
{filter} - выводит на страницу фильтр товаров.
Работает с реальными ценами, без учета скидок. В дальнейших обновлениях сделаю настройку включения или отключения учета скидок.
{map} - выводит карту, которая отвечает за пункты доставки.
{balance} - выводит баланс пользователя.
{addBalance} - выводит форму для пополнения баланса.
Теги для shortstory.tpl и fullstory.tpl (custom.tpl)
{add-cart} - выводит кнопку добавления товара в корзину.
{go-payment} - выводит кнопку моментального перехода на страницу оформления заказа.
{counter} - выводит поле, для выбора количества шт.
{product} - выводит содержимое, которое забито в поле (после оплаты | вкладка магазин).
{price} - реальная цена товара.
{price-sale} - цена с учетом скидки.
{sale} - скидка.
{sale-type} - тип скидки (знак валюты или знак процента).
{currency} - знак валюты.
{filter} - выводит свойства (фильтры) данного товара. В дальнейшем это будет называться свойства.
{count} - выводит количество позиций товара.
{count-orders} - количество проданных позиций.
Условные:
[price] содержимое [/price] - будет выводиться содержимое, если цена задана
[sale] содержимое [/sale] - будет выводиться содержимое, если скидка задана
[not-price] содержимое [/not-price] - отобразит содержимое, если цены нет
[not-sale] содержимое [/not-sale] - отобразит содержимое, если скидки нет
[related-goods] содержимое [/related-goods] - отображает содержимое, если похожие товары заданы
[present]<span class="present">+1 в подарок</span>[/present] - отображает label, если сейчас счастливые часы.
Теги для userinfo.tpl
{my_goods} - выводит список заказов пользователя в виде таблицы.
Теги для /kylshop/cart.tpl
- страница оформления заказа.
{cart} - корзина выбранных товаров в виде таблицы.
{total} - контейнер для общей суммы в корзине.
{without-sale} - контейнер с отображением общей суммы с учетом скидки.
{method} - выпадающий список (методы).
{method-total} - цена за метод.
{without-method} - общая сумма из корзины включая цену за метод.
{form} - форма заказа созданная в админ-панели плагина.
{map} - карта с пунктами доставки.
{promo-code} - поле для ввода промо-кода.
Дополнительные теги
{ pay="315|Индивидуальный товар" } - выведет кнопку с названием индивидуальный товар с ценой 315.
{ pay="Оплатить" } - выведет поле для ввода суммы и кнопку с названием оплатить.
Теги выведены с пробелами, потому что они заменяются на кнопки. Вы вводите теги без пробелов.
TeraMoune | MySQL установил Dle Forum V.3.5 и бд выд ... ¹

TeraMoune
MySQL установил Dle Forum V.3.5 и бд выдает ошибку,что поправить?
11-03-2025, 01:23

Ошибка говорит о том, что ячейки img_id нету в таблице, что в принципе странно поскольку модуль и не создаёт таблицы с именем _forum_images. Ищите другие версии или пишите автору если он еще занимается модулем.
LMakc | Ссылка на воспроизведение аудио ? ⁴

LMakc
Ссылка на воспроизведение аудио ?
9-03-2025, 00:58

Вариант создать доп. поле [xfvalue_mp3]
bycocacola | Ссылка на воспроизведение аудио ? ⁴

bycocacola
Ссылка на воспроизведение аудио ?
2-03-2025, 15:02

Нашел вариант:
создать доп. поле, например: music
Тип поля: загружаемый аудио плейлист
и в нужном месте: [xfvalue_music audio-url="1"]
Выводит прямую ссылку на .mp3
bycocacola | Ссылка на воспроизведение аудио ? ⁴

bycocacola
Ссылка на воспроизведение аудио ?
2-03-2025, 10:55

dle 17.3
bycocacola | Ссылка на воспроизведение аудио ? ⁴

bycocacola
Ссылка на воспроизведение аудио ?
2-03-2025, 10:36

Как убрать скобки и audio=
raimikmb | Telegram Sender ¹⁶

raimikmb
Telegram Sender
27-02-2025, 09:28

Когда ожидать адаптацию под php 8.2 ???