Может ли Bootstrap создавать этот макет?

Question

Мне нужно закодировать макет (http://lancebitner.com/Story%20580_WAGE_Yes.pdf) с помощью Bootstrap, и я не уверен, что это возможно. У меня ограниченный опыт работы с Bootstrap, но больше опыта работы с HTML и CSS. Я не уверен, что это возможно, так как я не смог найти ссылок на этот макет. Может кто-то указать мне верное направление? Каждая страница имеет разные функции, и я надеюсь произвести их каждый с Bootstrap.

Кто-нибудь видел сайт, похожий на этот макет, с макетом и функциями, который использует Bootstrap?

Answer 1

Я провел некоторое исследование, и вы, ребята, были правы, Bootstrap может это сделать; он просто берет некоторые пользовательские CSS и JS. Я нашел макет Bootstrap с некоторыми функциями, которые я искал; однострочный расклад с выпадающим меню: http://alijafarian.com/bootstrap-multi-column-dropdown-menu/. Кроме того, для двух столбцов я нашел этот макет: http://startbootstrap.com/template-overviews/2-col-portfolio/. Эти макеты помогут чрезвычайно. С некоторыми корректировками я уже в пути!

http://lancebitner.com/Capture2.PNG

Answer 2

Добрый день,

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

https://bootswatch.com/, http://designmodo.github.io/Flat-UI/

Ура :)

Answer 3

, вероятно, не совсем. bootstrap на самом деле является сеткой с набором правил разметки и css, которые заставят его выглядеть немного по-другому (но намного лучше). Это означает, что некоторые элементы будут выглядеть по-разному (кнопки, элементы формы и т. Д.), Если вы будете использовать правила по умолчанию. Но вы всегда можете их переопределить .. но затем снова - зачем использовать загрузку :-)

как прямой ответ - Для размещения отдельно (без учета дизайна) - да, вы можете.

бутстрап также даст вам преимущество совместимости устройств/браузеров, которые в настоящее время трудно выполнить с 0 в HTML.

Я предлагаю вам перейти на страницу examples, где вы можете увидеть некоторые макеты, чтобы начать с них - объединение этих параметров позволит вам получить необходимый макет. Также передайте все элементы и components (form, table, buttons и т. Д.), Которые представлены на официальной странице. все необходимые элементы (и многое другое)

Для того, чтобы понять бутстрап, лучший способ - это просто реализовать его.

Answer 4

Любая конструкция может быть выполнена с использованием бутстрапа, о том, как вы собираетесь манипулировать или редактировать существующий код, но для меня лучшая часть бутстрапа - это сетка, которая позволит вам иметь более отзывчивый дизайн.