R / Shiny에서 유동적 인 부트 스트랩 그리드를 사용하여 왼쪽 사이드 바 (3)와 맵 (9)이있는 페이지를 만듭니다. 사용중인 UI 코드는 다음과 같습니다.
ui <- fluidPage(
fluidRow(
column(3,
"",
tags$head(tags$style(type='text/css', ".nav-tabs {font-size: 10px} ")),
tabsetPanel(id='lefttabsetPanel',selected='placestab',
tabPanel(value="placestab",title='LUGARES',tags$iframe(name="myiframe2",seamless="seamless",src="http://45.56.98.26:8080/exist/rest/db/madrid/xml/dqm-placeography.xml"
,style='height:95vh;width:100%'
)
)
))
,
column(9,
"",
tabsetPanel(id='my_tabsetPanel',
tabPanel('Global Map (click countries and cities for details)',
withSpinner(leafletOutput(outputId="mymap",height = "95vh"),color="#cd0000",type = 5)
)
)
)
)
)
데스크톱과 대부분의 태블릿에서는 잘 표시되지만지도는 가로 모드에서도 모바일의 왼쪽 사이드 바 아래에 표시됩니다. 이 문제를 어떻게 해결할 수 있습니까?
내 예상 결과는 모바일에서지도가 세로에서 두 개의 열 너비를 (불쾌하게) 줄여 사용자가 정상적으로 표시되어야하는 가로로 전환하라는 메시지를 표시하는 것입니다. 다음은 아이디어를 제공하기 위해이 문제가있는지도의 작동 예입니다. http://www.readingmadrid.com:3838/dqm
fluidRow( column(3,...다음과 같이 함수 내부를 지정하려면 적절한 혼합 클래스를 선택해야합니다 .
fluidRow(column(3, class = "col-xs-4 col-md-3",...))
fluidRow(column(9, class = "col-xs-8 col-md-9",...))
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다