Здравствуйте, при использовании bootstrap столкнулся с проблемой: "При динамическом заполнении полей меняются стили." Есть код кусок файла index.php: HTML: <!-- Carousel ================================================== --> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner" role="listbox"> <?php include './pages/includes/medical_specialization_content_main.php'; ?> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><!-- /.carousel --> В файле ./pages/includes/medical_specialization_content_main.php находится следующий код: PHP: <?php $query_msc = mysql_query("SELECT IDspecialty, name_specialty, photo_specialty, more_info_specialty FROM specialty WHERE active_specialty = 1 ORDER BY RAND()"); $q_msc = mysql_fetch_array($query_msc); $i=0; do { if ($i==0){$active=' active'; } else {$active='';}; ++$i; echo' <div class="item'.$active.'"> <img class="img-responsive" src="images/'.$q_msc['photo_specialty'].'" alt="'.$q_msc['name_specialty'].'"> <div class="container"> <div class="carousel-caption"> <h1 class="text-primary">'.$q_msc['name_specialty'].'</h1> <p>'.$q_msc['more_info_specialty'].'</p> <form action="./pages/medical_specialization.php" method="GET"> <p><a class="btn btn-lg btn-primary" href="./pages/medical_specialization.php?IDspecialty='.$q_msc['IDspecialty'].'" role="button">Подробнее</a></p> </form> </div> </div> </div> '; } while($q_msc = mysql_fetch_array($query_msc)); ?> На стороне клиента это все выглядит следующим образом: HTML: <!-- Carousel ================================================== --> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <img class="img-responsive" src="images/lor.jpg" alt="Оторинголог"> <div class="container"> <div class="carousel-caption"> <h1 class="text-primary">Оторинголог</h1> <p>Оториноларинголо́гия (также часто отоларинголо́гия) — это раздел медицины и медицинская специальност</p> <form action="./pages/medical_specialization.php" method="GET"> <p><a class="btn btn-lg btn-primary" href="./pages/medical_specialization.php?IDspecialty=1" role="button">Подробнее</a></p> </form> </div> </div> </div> <div class="item"> <img class="img-responsive" src="images/nevropatolog.png" alt="Невропатолог"> <div class="container"> <div class="carousel-caption"> <h1 class="text-primary">Невропатолог</h1> <p>Это заболевания центральной (головной и спинной мозг) и периферической нервной системы (нервные воло</p> <form action="./pages/medical_specialization.php" method="GET"> <p><a class="btn btn-lg btn-primary" href="./pages/medical_specialization.php?IDspecialty=2" role="button">Подробнее</a></p> </form> </div> </div> </div> <div class="item"> <img class="img-responsive" src="images/terapevt.jpg" alt="Терапевт"> <div class="container"> <div class="carousel-caption"> <h1 class="text-primary">Терапевт</h1> <p>Внутренние болезни (терапия, внутренняя медицина) — область медицины, занимающаяся проблемами этиоло</p> <form action="./pages/medical_specialization.php" method="GET"> <p><a class="btn btn-lg btn-primary" href="./pages/medical_specialization.php?IDspecialty=3" role="button">Подробнее</a></p> </form> </div> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><!-- /.carousel --> Когда файл index.php заполняется при помощи php фоновое изображение карусели съезжает вниз. Скрин проблемы предоставлен ниже красными квадратами на нем выделены смещения. Когда файл index.php заполняется как обычный html файл фоновое изображение карусели отображается нормально. Пример нормальной работы заполненной от руки выкладываю здесь: http://camelot.biz.ua/diagnostics/ Как побороть этот недуг? И второй вопрос в аналогичной ситуации при заполнении меню из бд тоже слетают стили.
http://prntscr.com/b3dkuu вот ещё радости тебе. думай как быть. для начала нужно понять, что вызывает смещение картинки в браузере. Надо сделать "Inspect element" и смотреть, что там и как. Может там брка затисалась.
Смещение формы вызывает тег: <form class="form-horizontal" role="form" action="***********" method="GET">