부트 스 트랩과 새로운 부트 스트랩, 동위 원소 및 표현 엔진을 사용하여 반응 형 웹을 만들려고합니다. 나는 부울의 기본 부트 스트랩 특성을 사용하여 웹을 만들었습니다. 웹 페이지는 다른 화면 크기에 반응하지만, 페이지 크기가 480px와 768px 사이 일 때 스크롤이 그림과 함께 잘 움직이지 않습니다. 그리고 나는 그것을 원하지 않습니다, 나는 그 모든 것이 두루마리와 함께 움직이기를 원합니다.다른 화면 크기에서 부트 스트랩 응답 성 디자인 작은 버그
좋아 : 스크롤하기 전에
:
스크롤 후 : 두 번째 사진에서
메뉴 뒤에입니다 모든 사진, 나는 사진뿐만 아니라 모든 페이지에 스크롤을 적용하고 싶습니다. 내가 480 픽셀에서 JQuery와 모바일을 사용하고자하는 다른 옆에
, 나는 다른 페이지를 만들 필요가, 또는 얼마나 handdle을 알고 해달라고
내 코드의 일부 480 픽셀 미만 :
<!DOCTYPE html>
<html lang="{country_code}">
<head>
<title>MNT Graphic Design - {if country_code != 'es'}Portfolio{if:else}Portafolio{/if}</title>
<!-- CSS Declaration -->
<link rel="stylesheet" type="text/css" href="{site_url}bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="{site_url}isotope/css/isotope.css" />
<link rel="stylesheet" type="text/css" href="{path='styles/main'}" />
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<div id="well sidebar-nav" data-spy="affix" data-offset-top="30" >
<div id="brand">
<a href="{site_url}" title="Inicio"><img src="{site_url}mntgd/images/logo.png" alt="MNT Graphic Design Logo" /></a>
</div>
<div id="navegacion">
<ul class="nav nav-list sidenav" id="filters">
<li class="nav-header">{if country_code != 'es'}MENU{if:else}MENÚ{/if}</li>
<li><a role="menuitem" href="#" data-filter=".img-corp">{if country_code != 'es'}Branding{if:else}Imagen Corporativa{/if}</a></li>
<li><a role="menuitem" href="#" data-filter=".edi">{if country_code != 'es'}Print{if:else}Editorial{/if}</a></li>
<li><a role="menuitem" href="#" data-filter=".web">{if country_code != 'es'}Web Design{if:else}Diseńo Web{/if}</a></li>
<li><a role="menuitem" href="#" data-filter=".photo">{if country_code != 'es'}Photography{if:else}Fotografía{/if}</a></li>
<li><a role="menuitem" href="#" data-filter="*">{if country_code != 'es'}All Works{if:else}Ver todo{/if}</a></li>
<li class="divider"></li>
<li class="dropdown">
<a id="about-btn" class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">MNT Graphic Design<b class="icon-chevron-right"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="about-btn">
<li role="presentation"><a role="menuitem" href="#" >{if country_code != 'es'}About Us{if:else}Nosotros{/if}</a></li>
<li role="presentation"><a role="menuitem" href="#" data-filter=".profile">{if country_code != 'es'}Profiles{if:else}Perfiles{/if}</a></li>
<li role="presentation"><a role="menuitem" href="#" data-filter=".customers">{if country_code != 'es'}Customers{if:else}Clientes{/if}</a></li>
</ul>
</li>
<li class="dropdown" id="options" >
<a id="sort-btn" class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">{if country_code != 'es'}Order by{if:else}Ordenar{/if}<b class="icon-chevron-right"></b></a>
<ul class="dropdown-menu option-set" id="sort-by" data-option-key="sortBy" role="menu" aria-labelledby="sort-btn">
<li role="presentation"><a role="menuitem" href="#sortBy=original-order" data-option-value="original-order" class="selected">{if country_code != 'es'}Original Order{if:else}Por defecto{/if}</a></li>
<li role="presentation"><a role="menuitem" href="#sortBy=by_project" data-option-value="by_project">{if country_code != 'es'}By Project{if:else}Por Proyecto{/if}</a></li>
<li role="presentation"><a role="menuitem" href="#sortBy=by_date" data-option-value="by_date">{if country_code != 'es'}By Date{if:else}Por Fecha{/if}</a></li>
</ul>
</li>
<li class="divider"></li>
<li><a role="menuitem" href="#" data-filter=".contact">Contáctenos</a></li>
</ul>
</div>
</div>
</div>
<div class="isoenv span9">
<div id="container" class="clickable clearfix">
<!--
{exp:channel:entries channel="portfolio" orderby="random"}
<div class="element {channel_short_name} {if sticky == 'y'}pinned{if:else}{/if}" data-project="" data-date="{entry_date format="%Y%m%d"}">
<img src="{portfolio_imagen:thumb2}" alt="{title}" />
</div>
{/exp:channel:entries}
-->
<div class="element photo pinned" data-project="palo1" data-date="20130630">
<img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="6" />
</div>
<div class="element photo img-corp big-format" data-project="palo4" data-date="20100630">
<img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="4" />
</div>
<div class="element photo pinned " data-project="palo1" data-date="20110630">
<img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="5" />
</div>
<div class="element photo img-corp" data-project="palo4" data-date="20170630">
<img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="9" />
</div>
<div class="element photo " data-project="palo4" data-date="19990630">
<img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="3" />
</div>
</div>
</div>
</div>
</body>
어떤 도움을 주셔서 감사합니다, 저에게 줄 수 있어요!
편집 :
웹 링크 http://www.mntdesign.co/?/main 이 지금 rigth 링크, 메신저 테스트이지만,이 버그
우리는 링크가 작동하도록 볼 수 있도록 링크를 보낼 수 있습니까? –
www.mntdesign.co/?/main thats 지금 바로 링크 –