2014-12-01 4 views
0

Привет, я хотел бы использовать темы bootstrap внутри некоторых веб-сайтов, которые я разрабатываю, однако, посмотрев на документацию и поиск в Интернете, я обнаружил, что это несколько беспокоит то, что нет явного способа начать работу с использованием загрузочных тем, like found here , Кроме того, я хотел бы загрузить несколько тем в каталог проекта, извлечь их в соответствующие папки, например. (CSS, IMG, JS, т.д ...) и использовать их в моих HTML-файлов, как так:Как использовать темы Twitter Twitter?

<div class="customized-bootstrap-item">myItem</div> 

Я имею немного неприятности, пытаясь сделать это, потому что, кажется, нет универсальности среди темы (например, каждый может варьироваться в зависимости от того, как они работают), и я не хочу взламывать грязный код, если есть правильный способ сделать это. Поэтому мой вопрос заключается в том, есть ли подходящий способ добавления тем в ваш существующий проект исключительно для эстетики и настройки их путем обмена внешним видом между ними и другими темами, и если да, то как? Можете ли вы, ребята, указать мне на некоторые уроки? Мне нужно знать больше о том, как связывание этих js и css-файлов будет влиять на другие аспекты тем, а также то, как теги html можно использовать одинаково единообразно во многих темах, так как я вряд ли соглашусь только на одну тему.

редактировать:

Попробовав некоторые из предложений мне удалось выяснить, по крайней мере, некоторые из проблем, я был, имеющих, включив стиль CSS в конкретной теме, что я хочу, чтобы использовать в качестве ссылки таблицы стилей в head section страницы html, к которой я хочу применить ее, что в любом случае кажется довольно прямым. Тем не менее, я все еще немного озадачен тем, как получить все эти классные элементы, которые я вижу в темах, особенно темы панели инструментов, на мою пользовательскую страницу html. Хорошим примером темы, которую я смотрю, является found here. Если вы, ребята, могли бы немного рассказать о том, как получить эти элементы на странице (например, панели мониторинга, панели, элементы пользовательского интерфейса и т. Д.), Это было бы здорово. Я могу ошибаться, но я не думаю, что они обычные классы начальной загрузки, хотя я довольно новичок в бутстрапе, поэтому я не уверен на этом на 100%.

+2

учебники? проще всего добавить CSS-проект в свой проект. это чистое решение, посмотрите на эти темы, они понятны, и вам нужно только добавить этот css в свой проект. http://bootswatch.com/ –

+0

@ bto.rdz Только одна тема css, потому что я посмотрел на индекс .html страницы некоторых тем, и у них есть несколько ссылок css и js. Кроме того, что, если я хочу использовать несколько тем в одном, мне нужно включить CSS для каждой темы, которую я хочу включить? – KLD

ответ

1

Определения для всех этих классов находятся в файле .css, который, вероятно, называется «bootstrap.css». На странице html, где вы хотите использовать загрузку, добавьте <link rel="stylesheet" type="text/css" href="[PATH_TO_CSS_FOLDER_CONTAINING_BOOTSTRAP]/bootstrap.css" /> внутри вашего. Это будет импортировать все css bootstrap. Если вам нужно использовать другие темы, просто добавьте этот файл .css в любую папку с вашим css, а затем ссылку на него на странице html.

+0

Спасибо, я попробую это, я понял что-то вроде этого, но хотел спросить вокруг, чтобы убедиться. Я до сих пор довольно новичок в бутстрапе, и я не хотел начинать изучать его неправильно. – KLD

+0

- это тема css-файла с именем bootstrap-theme.min.css? – KLD

+0

Звучит правильно. (но вы должны попробовать, прежде чем спрашивать, хотите ли вы учиться!) – aviaviavi

1

Это отличный ресурс, который вы можете использовать для создания темы http://www.lavishbootstrap.com/, а затем связать это с существующим сайтом довольно просто: вы просто включаете строку <link rel="stylesheet" type="text/css" href="[PATH_TO_CSS_FOLDER_CONTAINING_BOOTSTRAP]/bootstrap.css" /> в свой код.

Если вы скачали с сайта lavish, он будет содержать lavish-bootstrap.css. Не забудьте включить jquery.js и bootstrap.js или в выпадающие меню и т. Д. не будет функционировать.