PHP-процесс для Bootstrap

Question

Я работаю над веб-сайтом HTML5. Это целевая страница со слайд-шоу + iframe + content + footer.

На iframe У меня есть PHP-процесс для регистрации и заполнения форм.

Этот веб-сайт я хочу использовать его на iPad как веб-просмотр, поэтому веб-сайт по-разному показывает весь контент с плоской конструкцией, отлично реагирующий, но на iframe процесса PHP кнопки представляют собой старый дизайн классического html.

Я хочу как-то интегрировать бутстрап, чтобы иметь разный вид, как плоский дизайн, поэтому все кнопки или дизайн должны быть с новым внешним видом.

Какая шкура я делаю, чтобы иметь различный вид. Какие файлы или скрипты мне нужно интегрировать? Эти скрипты должны быть только на index.PHP? или во всей форме процесса. not_loged.php, loged_in.php, process_1.php, process_2.php, finished_process.php.

Answer 1

Twitter Bootstrap - это просто всеобъемлющий CSS и JS-раздел, который полностью настраивается. Это очень полезно в разработке, потому что нам не нужно беспокоиться о конфликтах между стилями из плагинов и стилей JavaScript из нашего собственного CSS, так как все согласовано.

Чтобы использовать его, вам просто нужно ссылаться на файлы CSS и JS затем начните создавать макет или настройте один из приведенных примеров. Также вам не нужно создавать отдельные настольные и мобильные страницы, потому что Bootstrap полностью отвечает требованиям.

Вы по-прежнему можете редактировать страницу, а другие нетронутыми, а шаги для конвертирования вашего сайта - это посмотреть документацию, чтобы найти варианты макета и стили для определенных элементов, которые вам нужны. Если вы еще не нашли его, документация находится по адресу http://www.getbootstrap.com.

Код:Converting existing WebPages site to Twitter bootstrap.

Answer 2

Для каждой страницы необходимо загрузить свои CSS-файлы. Что вы можете сделать, если включить ссылки в файл-ссылку, например links.html.

Залейте ссылки на CSS и JavaScript, как это:

<!-- Bootstrap core CSS --> 
<link href="css/bootstrap.css" rel="stylesheet"> 

<!-- Add custom CSS here --> 
<link href="css/modern-business.css" rel="stylesheet"> 
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"> 

<!-- JavaScript --> 
<script src="js/jquery-1.10.2.js"></script> 
<script src="js/bootstrap.js"></script> 
<script src="js/modern-business.js"></script> 

Затем ссылку на файл с <?php include 'links.html'?>

еще лучше, если у вас есть заголовок, то вы можете сделать header.html с als загруженные листы и скрипты.