Исправить ошибки присвоения классов bootstrap

@Anyone · Регистрация: 26.05.2015

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
 
  <head>
    <link data-require="bootstrap@*" data-semver="3.3.6" rel="stylesheet" href="bootstrap" />
    <link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>
 
  <body>
    <section>
    <div class="container">
      <div class="row">
        <div class="col-sm-4 info-item-wrap">
                        <div class="info-item">
                            <h4><a href="#">1Обработка данных</a></h4>
                            <p>Обработка, систематизация и введение данных в бухгалтерскую программу</p>
                        </div>
                    </div>
                    <div class="col-sm-4 info-item-wrap">
                        <div class="info-item">
                            <h4><a href="#">2Документальное оформление</a></h4>
                            <p>Документальное оформление всех хозяйственных операций предприятия</p>
                        </div>
                    </div>
                    <div class="col-sm-4 info-item-wrap">
                        <div class="info-item">
                            <h4><a href="#">3Расчеты</a></h4>
                            <p>Расчет заработной платы и налогов</p>
                        </div>
                    </div>
                    <div class="col-sm-4 info-item-wrap">
                        <div class="info-item">
                            <h4><a href="#">4Формирование отчетности</a></h4>
                            <p>Формирование финансового результата предприятия</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="s3-img-wrap">
                            <img src="img/icons/section_3/folder.svg" alt="Folder">
                        </div>
                    </div>
                    <div class="col-sm-4 info-item-wrap">
                        <div class="info-item">
                            <h4><a href="#">6Налоговая отчетность</a></h4>
                            <p>Оформление и подача бухгалтерской и налоговой отчетности в соответствующие органы</p>
                        </div>
                    </div>
                    <div class="col-sm-4 info-item-wrap">
                        <div class="info-item">
                            <h4><a href="#">7Консультирование организаций</a></h4>
                            <p>Оформление и подача бухгалтерской и налоговой отчетности в соответствующие органы</p>
                        </div>
                    </div>
                    <div class="col-sm-4 info-item-wrap">
                        <div class="info-item">
                            <h4><a href="#">8Помощь в подборе персонала</a></h4>
                            <p>Помощь в подборе персонала в отдел бухгалтерского и налогового учета</p>
                        </div>
                    </div>
                    <div class="col-sm-4 info-item-wrap">
                        <div class="info-item">
                            <h4><a href="#">9Восстановление бухгалтерского учета</a></h4>
                            <p>Помощь в подборе персонала в отдел бухгалтерского и налогового учета</p>
                        </div>
                    </div>
    </div>
    </div>
  </section>
  </body>
 
</html>

CSS
1
2
3
4
.info-item{
  padding: 10px;
  border: 1px solid red;
}

https://plnkr.co/edit/Fn5Eqvay... ?p=preview

растяните на всю доступную ширину
почему это происходит и как исправить?

@mrtoxas · 04.09.2016, 09:30

Посчитайте сколько у вас колонок в .row, а должно быть 12

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА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 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	04.09.2016, 09:30
	Посчитайте сколько у вас колонок в .row, а должно быть 12 0