Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
1 / 1 / 0
Регистрация: 24.10.2013
Сообщений: 70

странности с размерами (bootstrap)

29.03.2016, 18:58. Показов 1307. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Наткнулся на странность при верстке бесплатного макета. (первый раз использую bootstrap)
На первой картинке - измеряю общую ширину всех колонок - 1170px. 4 верхних блока ровно вписываются в ширину.
На второй картинке контейнер показывает такую же ширину 1170px, но это вместе с паддингами
(потому что bootstrap назначает всем блокам box-sizing: border-box)
как результат блоки в верстке не умещаются и 4й блок сползает.

Что с этим делать ?
Миниатюры
странности с размерами (bootstrap)   странности с размерами (bootstrap)  
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
29.03.2016, 18:58
Ответы с готовыми решениями:

Сетка bootstrap + попиксельная вёрстка + адаптивность, не могу разобраться с размерами блоков
Пытаюсь скрафтить себе шаблон из psd для сайта портфолио, сначала сверстал без сетки бутстрапа, и...

Для чего в Bootstrap файлы bootstrap.css.map и bootstrap-theme.css.map?
В дистрибутиве Bootstrap были замечены файлы bootstrap.css.map и bootstrap-theme.css.map. А начале...

Стиль bootstrap 2 в bootstrap 3
Здравствуйте! Попробовал bootstrap 3, тема не понравилась. Хочу как было во втором. Вроде как есть...

1
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
30.03.2016, 10:34
Лучший ответ Сообщение было отмечено Sergio89 как решение

Решение

Цитата Сообщение от Sergio89 Посмотреть сообщение
Что с этим делать ?
Показывать код... И структуру писать правильно
HTML5
1
2
3
4
5
6
7
8
<div class="container">
  <div class="row">
    <div class="col-md-3 ...">...</div>
    <div class="col-md-3 ...">...</div>
    <div class="col-md-3 ...">...</div>
    <div class="col-md-3 ...">...</div>
  </div>
</div>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
30.03.2016, 10:34
Помогаю со студенческими работами здесь

Bootstrap и Bootstrap 3 кроссбраузерность
Смотрел на сайте Bootstrap 3 что он не поддерживает браузер Safari в Windows. Также смотрел...

Проблемы с размерами
Как сделать чтобы высота меню была 98% от высоты блока &quot;osnova&quot;, и как сделать чтобы блок &quot;osnova&quot;...

Игра с размерами
Есть таблица, в ней 4 ячейки в каждой из которых по 1 картинке и надписи под ней. Ширина таблицы...

Прямоугольник с размерами A*B
Здравствуйте. Помогите пожалуйста с заданием: Дан прямоугольник с размерами A*B. От него...

Управление размерами
Ребята столкнулся с такой проблемой, пишу приложение для win8 и хочу чтобы ListView был...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru