나는 몇 달 만에 웹 사이트에서 일했으며 이제 고객이 주 컨테이너의 "외부"에있는 광고를 원하고 Bootstrap 표준 그리드를 사용하는 문제가 발생합니다.부트 스트랩 - 기본 컨테이너 외부에 배너를 놓습니다.
페이지가 중심적이고 반응 적이기 때문에 이미 16 개의 열을 사용하고 있기 때문에 왼쪽에 광고를 표시 할 수 없습니다.
내가 성공할 수있는 아이디어가 있습니까?
당신은 몇 가지 코드를 제공 할 수 있다면 그것은 좋은 것 이미지를 here
를 참조하십시오. 그러나 CSS를 사용하는 현재 위치에 상대적으로 요소를 이동하는 한 가지 방법은 transform: translate();입니다. 배너가 컨테이너의 오른쪽에 있고 컨테이너 외부로 밀어 넣으려는 경우 transform: translateX(100%);을 배너 요소에 적용하면 배너의 너비의 100 %만큼 오른쪽으로 이동합니다. 그것은 현재입니다. 데모보기 http://codepen.io/mcoker/pen/jyPGrM
큰 스크린에서만 해결할 수있었습니다.
이미지 응답의 경우 col 클래스와 함께 절대 위치를 사용했습니다. 작동하지 않으므로 더 작은 장치에 대해서는이를 숨 깁니다.
이
내 코드
<div class="col-md-1 hidden-xs hidden-sm hidden-md" id="side-bar">
<p>Our Partners</p>
<img src="img/image.jpg" class="img img-responsive" />
<img src="img/image.jpg" class="img img-responsive" />
</div>
백만 감사 미셸, 변형이다 translateX (100 %); 나에게 새로운 것이었다. 그것은 완벽하게 작동했습니다. 이제 머리에 작은 머리카락을 남겨 두었습니다. 정말 고마워요. 좋은 하루 되세요. – user3805875
@ user3805875 여러분을 환영합니다! 건배. –