Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Здравейте, отдавна съм захванал да преработвам дизайна на сайта за Градина Вискяр с помощта на Bootstrap 3, но се появиха проблеми, с които не мога да се справя.
Първият е следния:
Код:
<body>
<div class="container">
	<div class="row clearfix">
	<div class="col-md-12 sky column  ">
	
		<div class="col-md-3 column sky">
............
class sky задава цвят на фона. Но поставен в div = col-md-12, не се наследява в div col-md-3. И се налага да го добавям и в div = col-md-3.
Което води до различни по височина полета и се налага да задавам class с отместване, за да изглеждат еднакво високи. Като пък всеки браузър си има собствено мнение как да изабрязава нещата. В Опера стои добре, в Хром - не. И т.н.
Какво бъркам, че указанието за цвета на фона в обгръщащия div не се наследява във вътрешните div?

Втория проблем е с фона на часовника в дясната част - не се изобразява.
Там какво трябва да променя?

Третия проблем е, че от двете страни показва бели полета. И тях не ми е ясно как да махна?
Най-долния div си захваща цялата ширина на монитора, като не виждам разлика с предните.

И някой знае ли как да направя бутоните за ФБ по-големи, че при проверка в гошо ми пищи, че са малки по размер за мобилни устройства?
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Код:
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 sky column  ">
            <div class="row ">
                <div class="col-md-3 column sky">
............
Всъщност <div class="col-md-12 sky column "> е тотално излишен (поне на пръв поглед)
Ако много държиш на него, то тогава ти се губи <div class="row "> между <div class="col-md-12 sky column "> и <div class="col-md-3 column sky">.

Бекграунда на часовника си е наред, само че див-а е височина 0px.

Третия проблем е, че от двете страни показва бели полета. И тях не ми е ясно как да махна?
Най-долния div си захваща цялата ширина на монитора, като не виждам разлика с предните.
Долния ред ти го разпъва на цял екран, защото е row и е извън container-a.
А ако искаш container-a да е на цял екран се използва container-fluid.
 
От: От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Всъщност <div class="col-md-12 sky column "> е тотално излишен (поне на пръв поглед)

Ползвам готов макет - http://www.layoutit.com. Със сигурност има излишни неща.
Благодарности!
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

за бутоните ползвай това <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
ето документацията http://fortawesome.github.io/Font-Awesome/



Иначе не мога да те разбера какво искаш да направиш. Спазвай иерархията на боотстрап
имаш контейнер , после ред , после колони. в колоните може да вграждаш пак редове после колони и т.н.

един </div> да забравиш и всичко се променя :)
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

примерен код за бутони дето минават теста

<div class="row">
<div class="col-md-12">

<div class="btn-group">
<a href="https://www.facebook.com/sharer/sharer.php?u=http://www.bstyle.bg/bg/product.php?id=<?=$test?>" title="Share on Facebook" target="_blank" class="btn btn-facebook"><i class="fa fa-facebook"></i> | Сподели с приятели</a>

<a href="https://plus.google.com/share?url=http://www.bstyle.bg/bg/product.php?id=<?=$test?>" title="Share on G+" target="_blank" class="btn btn-google"><i class="fa fa-google-plus"></i> | Сподели в Гугъл+</a>
<a
class="btn btn-pinterest"
target="_blank"
title="Pin It"
href="http://www.pinterest.com/pin/create/button/?url=http://www.bstyle.bg/bg/product.php?id=<?=$test?>&description=<?=$this->row['pdTitle']?>&media=http://www.bstyle.bg<?=$sImage?>">
<i class="fa fa-pinterest"></i> | Качи в Pinterest
</a>




</div> </div> </div>
 
От: От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Вземи се разрови за някой цял темплейт.

С черен футер два декара ли? :lol:
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Странно, този сайт явно използва най-нови технологии, а изглежда като развален олд скуул сайт :shock: Дори не е Responsive както пише най-долу. Аз бих препоръчал да се направи наново с някоя готова тема, на която евентуално да се барнат само цветовете, без да се добавят външни магии. Бих препоръчал и картинките да са по-големи, без излишния воден знак.
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

На мен не ми изглежда responsive: http://prntscr.com/6xlh92

Това е друг сайт, който изчаква решение накъде ще върви.
По идея трябва да е блог към основния домейн.
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

А защо трябва да е друг сайт? Не знам, на мен всичко ми стои някак хаотично и недовършено. Навсякъде е различно, липсва ми идеята, липсват и снимки и елементи от страниците. Това нещо просто трябва да се преправи из основи :)
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Това нещо просто трябва да се преправи из основи :)

Напълно си прав.
Относно снимките - ползвах url към оригиналните, което се оказа много лоша идея: увеличават времето за зареждане - руските хостинг сървъри явно са на друга планета, а и постепенно изчезват.
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Сега пък сървърите виновни :) Я виж тука, май и адресите нещо не са у ред: http://prntscr.com/6xmasf
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Сега пък сървърите виновни :) Я виж тука, май и адресите нещо не са у ред: http://prntscr.com/6xmasf
Нали осъзнаваш, че говориш на градинар комунист?
Вискяр как ще качиш снимките на руски сайт?!?
И тия събдомейи си ги напраскал и ти не знаеш защо.
Сега е времето и тях да подредиш.
 
От: Bootstrap 3 - проблеми с предизайн на сайта за Градина Вискяр

Леле ама то има 10987098 различни дизайна и чудесии...
Лелеллеелеллелел. Това е за пример как не се прави сайт. Не го барай ще направим една важна тема и ще го сложим там за пример :D
 

Горе