пара простых вопросов про bootstrap

[quoter]

первый вопрос:

в примерах на оффсайте есть такая верстка радиокнопок:

<div class="radio">  <label>    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">    Option two can be something else and selecting it will deselect option one  </label></div><div class="radio disabled">  <label>    <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>    Option three is disabled  </label></div>

почему обе кнопки в отдельных div, а не в одном:

    <div class="radio">        <label>            <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">            Option two can be something else and selecting it will deselect option one        </label>        <label class="disabled">            <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>            Option three is disabled        </label>    </div>

это принципиально? как то связано с семантикой? потому что class="disabled" дает одинаковый результат при использовании его в input и label

 

второй вопрос:

мне показалось, что в бутстрапе нет точных инструментов для формирования сетки. получается этот фреймворк не годится для пиксель перфект? или я что то пропустил?

[Sergik+]

Бутстрап можете и без сетки использовать, по моему адаптив и пиксел перфект вещи несовместимые.

Вообще слежу за фрилансом и последнее время очень редко пролетает требование пиксел перфект,

как правило неадекватные заказчики так распознаются но правда бывают исключения.

[swandev]

Если мне вдруг захочется убрать disabled с последней кнопки и поставить на первую?

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

ну или например у меня будет такая разметка

http://jsbin.com/mehebugoyimi/1/edit

 

видите как все просто в варианте от бутстрапа

[quoter]

  On 10/17/2014 at 11:40 AM, ALEEX SWN said:

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

то есть это только такой маленький хинт для удобства и скорости? в принципе понятно, учитывая, что на label и input действительно нет класса

 

  On 10/17/2014 at 11:23 AM, Sergik+ said:

Вообще слежу за фрилансом и последнее время очень редко пролетает требование пиксел перфект,

а в среднем, насколько точно требуют верстать? есди и не +/- один пиксель вправо или влево, то до какой степени? достаточно ли, что бы два скриншота открытые рядом на глаз не имели заметных отличий, или накладывают друг на друга? можно на примерах показать?

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

[swandev]

  On 10/17/2014 at 12:34 PM, quoter said:

 

  On 10/17/2014 at 11:40 AM, ALEEX SWN said:

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

то есть это только такой маленький хинт для удобства и скорости? в принципе понятно, учитывая, что на label и input действительно нет класса

 

 

 

  On 10/17/2014 at 11:23 AM, Sergik+ said:

Вообще слежу за фрилансом и последнее время очень редко пролетает требование пиксел перфект,

а в среднем, насколько точно требуют верстать? есди и не +/- один пиксель вправо или влево, то до какой степени? достаточно ли, что бы два скриншота открытые рядом на глаз не имели заметных отличий, или накладывают друг на друга? можно на примерах показать?

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

 

 

Вы точно никогда не сверстаете, в любом случае будет разница с макетом, даже если вы максимально точно сделаете в одном браузере, заказчик откроет его в другом и него уже не будет "pixel perfect"

верстайте хорошо, соблюдайте отступы и никакие выравнивания пикселей не нужны будут

[quoter]

  On 10/17/2014 at 12:41 PM, ALEEX SWN said:

верстайте хорошо, соблюдайте отступы и никакие выравнивания пикселей не нужны будут

фреймворки типа бутстрапа облегчают эту задачу или усложняют?

[Z1gnet]

  On 10/17/2014 at 11:16 AM, quoter said:

почему обе кнопки в отдельных div, а не в одном:

разницу видишь? http://take.ms/Gu10T

  On 10/17/2014 at 12:51 PM, quoter said:

фреймворки типа бутстрапа облегчают эту задачу или усложняют?

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

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

вот бутсрап в первую очередь хорош для программистов которые в верстке практически не разбираются. вот сделать бэкенд на бутстрапе вполне хорошая идея.

  On 10/17/2014 at 11:16 AM, quoter said:

мне показалось, что в бутстрапе нет точных инструментов для формирования сетки. получается этот фреймворк не годится для пиксель перфект? или я что то пропустил?

да, тут все в процентах. пиксель перфект у тебя не получится. разве что дизайнер возьмет оригинальные элементы бустрапа. у меня в конторе дизайнер прям с сайт бутстрапа делал скрины и получалось почти пиксель перфект.

[quoter]

теперь наглядно

спасибо