Сетка bootstrap-sass 11-колоночная?

[Sigizmund]

Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код:

<article>
	<div class="container">
		<div class="row">
			<div class="col-sm-5 hidden-xs">
				<img class="shop-pages" src="img/shop-pages.png" alt="">
			</div>
			<div class="col-sm-6">
				<section class="suitable-offer">
					<h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2>
					<div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span>
						Оптимальное решение для бизнеса, который только начинает свою деятельность в Интернете.
					</div>
					<div class="suitable-offer__elem suitable-offer_niche"><span class="suitable-offer_first-line">Анализа выбранной ниши</span>
						Позволит оценить спроса на продаваемую продукцию
						с минимальными издержками.
					</div>
					<div class="suitable-offer__elem suitable-offer_deadline"><span class="suitable-offer_first-line">Запуска проекта с ограниченным сроком и бюджетом</span>
						Не нужно тратить лишние деньги на долгую
						и сложную разработку.
					</div>
				</section>
			</div>
		</div>
	</div>
	<section class="stop-solution">

	</section>
</article>

Если ставлю как сейчас col-sm-5 hidden-xs а во второй колонке col-sm-6, то всё нормально выглядит, если ставлю первой колонке col-sm-6, то 2-я съезжает вниз, как будто ей места не хватает. Бутстрап ВНЕЗАПНО поменял сетку на 11-колоночную или я не догоняю чего-то? Может issue пора писать на Гитхаб?

[Igor Schnaider]

Это все потому, что у вас * { box-sizing: border-box; } куда-то пропал.

upd. раскомментируйте в bootstrap-custom

17 //@import "bootstrap/scaffolding"; 

Edited April 1, 2016 by Igor Schnaider

[by chris]

Съезжает, т.к. для колонок сетки вы добавили внешние отступы (margin).

[wwt]

проверяйте свой код, все работает как надо https://jsfiddle.net/2qaog703/

[Sigizmund]

  On 4/1/2016 at 7:14 AM, by chris said:

Съезжает, т.к. для колонок сетки вы добавили внешние отступы (margin).

Expand  

Я никак сетку не кастомизировал

  On 4/1/2016 at 7:14 AM, wwt said:

проверяйте свой код, все работает как надо https://jsfiddle.net/2qaog703/

Expand  

Так это наверное обычный Bootstrap, у меня проблема с bootstrap-sass https://github.com/twbs/bootstrap-sass

Если не трудно, клонируйте сборку https://github.com/Sigizmund2012/webtrends

установите зависимости с помощью npm install и bower install, запустите gulp и увидите проблему. Нужно разобраться, если это изъян bootstrap-sass, надо им issue в репозиторий писать. Ну или я накосячил чего.

[klierik]

  On 4/1/2016 at 8:42 AM, Sigizmund said:

установите зависимости с помощью npm install и bower install, запустите gulp и увидите проблему.

Expand  

Слишком много действий что бы увидеть твою проблему. Используй jsfiddle и выкладывай туда свой код.

[Sigizmund]

  On 4/1/2016 at 9:50 AM, Igor Schnaider said:

Это все потому, что у вас * { box-sizing: border-box; } куда-то пропал.

upd. раскомментируйте в bootstrap-custom

17 //@import "bootstrap/scaffolding"; 

Expand  

Огромное спасибо, снова выручили! Почему-то не могу + в карму поставить, возможно из-за того, что она у самого меня на нуле

[klierik]

  On 4/1/2016 at 10:14 AM, Sigizmund said:

Почему-то не могу + в карму поставить

Expand  

А теперь... ?

[Sigizmund]

  On 4/1/2016 at 11:25 AM, klierik said:

А теперь... ?

Expand  

И теперь не могу, навожу на зелёный крестик, курсор не становится pointer и клики ничего не дают. Могу только отметить лучший ответ и проголосовать за него.

[wwt]

  On 4/1/2016 at 1:08 PM, Sigizmund said:

И теперь не могу, навожу на зелёный крестик, курсор не становится pointer и клики ничего не дают. Могу только отметить лучший ответ и проголосовать за него.

Expand