Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Как такое реализовать на Bootstrap 3?

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


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

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

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

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

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


Комментарии пользователей (6)

over
57 | 3

over - 9 октября 2015 13:16 - Юзер

Вот так я сделал не применяя 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
57 | 3

over - 9 октября 2015 13:34 - Юзер

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

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

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 9 октября 2015 18:50 - Админ

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

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

over
57 | 3

over - 9 октября 2015 18:58 - Юзер

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

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 9 октября 2015 20:15 - Админ

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

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

over
57 | 3

over - 9 октября 2015 20:37 - Юзер

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы