Таки да, !important помог. только я не понял одну вещь. Я уже пробовал !important но эффекта никакого не было.
.qf2form{
background: #000 url(http://avtoprava.od.ua/images/Doroga-v-dal5.jpg)!important;
background-repeat:no-repeat;
background-size: cover;
background-attachment: local;
border: 3px solid;
border-radius: 5px;
border-color:#005ca1;
} [code]
Этот код был у меня в конце моего CSS файла. И background-image всё равно пропадал.
Дописав в самом верху код:
.qf2form {
background: #000 url(http://avtoprava.od.ua/images/Doroga-v-dal5.jpg)!important;
}
background начал работать и на смартфоне. И тут как говорится меня осенило. Скорчив рожу а-ля "Доктор Хаус", я вспомнил что недавно в этот же файл вписал новую приблуду из последнего бутстрапа-"justified". Это позволяет растянуть горизонтальное меню на всю ширину странички.
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
Вырезав всё это и вставив в конце стандартного CSS файла шаблона протостар всё начало работать корректно.
Taatshi-Огромное спасибо за помощь! А я пойду поизучаю LESS///[/code]