일부 이미지가있는 div가 있습니다. 이것은 내 HTML 코드입니다.
<div id="slide-menu-list" class="row">
<a href="home.html"><img class="img-responsive" src="img/icon_menu1a.png" /></a>
<a><img class="img-responsive" src="img/icon_menu2a.png" /></a>
<a><img class="img-responsive" src="img/icon_menu3a.png" /></a>
<a><img class="img-responsive" src="img/icon_menu4a.png" /></a>
<a><img class="img-responsive" src="img/icon_menu5a.png" /></a>
</div>
그리고 여기 CSS :
#slide-menu-list{
position:fixed;
bottom:0px;
left:0px;
}
그러나 이미지는 위에서 아래로 쌓입니다. Twitter Bootstrap을 사용하여 이미지를 왼쪽에서 오른쪽으로 스택하려면 어떻게 해야합니까?
pull-left 클래스를 사용하고 이미지의 너비를 지정하십시오.
다음 코드
<div id="slide-menu-list" class="row">
<a href="home.html"><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
<a><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
<a><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
<a><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
<a><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
</div>
<style>
img
{
width:20%;
}
#slide-menu-list
{
position:fixed;
}
</style>
당신이 당신의 이미지를 페이지에 고정되도록하려면 복잡한 솔루션에 접사 부트 스트랩을 사용하시기 바랍니다 부착
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다