2016-08-11 5 views
2

ここでの目標は、私のUIにブートストラップカルーセルを含めることです。私はthisようですが、 私の光沢のあるUIこのようなブートストラップカルーセルで何かをしたい:シャープなアプリのブートストラップキャリングセル

source("entete.R") 
source("accueil.R") 
library(shiny) 
shinyUI(
    navbarPage("DPEE",tagList(
    tags$head(
     includeCSS("www/bootstrap.css"), 
     includeCSS("www/bootstrap.min.css"), 
     tags$script(src = "www/bootstrap.js"), 
     tags$script(src = "www/query-ui-1-11-4.min.js"), 
     tags$script('$(function(){$(".jui-tip").tooltip();});'), 
     tags$script('$(function(){$("div.divinput").accordion({ 
        collapsible: true,heightStyle: "content" });});') 
), 
    tags$div(class = "container-fluid", entete())), 
    tabPanel("Accueil", accueil()), 
    navbarMenu("Annuaire", 
      tabPanel("Prescolaire"), 
      tabPanel("Primaire"), 
      tabPanel("Secondaire 1"), 
      tabPanel("Secondaire 2") 
) 
)) 

と Accueilのは、ブートストラップカルーセルがあります。

accueil = function(){ 
    tags$div(id = "moncarousel", class = "carousel slide", 
     tags$ol(class = "carousel-indic", 
      tags$li(`data-target` = "#moncarousel",`data-slide-to`="0", class="active"), 
      tags$li(`data-target`="#moncarousel",`data-slide-to` = "1"), 
      tags$li(`data-target`="#moncarousel",`data-slide-to`= "2") 
      ), 
     tags$div(class="carousel-inner", 
      tags$div(class = "item active", 
       tags$img(src = "www/Koala1.jpg", class= "imag-responsive")), 
      tags$div(class = "item", 
       tags$img(src = "www/Koala2.jpg", class= "imag-responsive")), 
      tags$div(class = "item", 
       tags$img(src = "www/Koala3.jpg", class= "imag-responsive")) 
    )) 
} 

これは機能しません。

私はこれを私の光沢のあるUIに置くのに助けが必要です。

答えて

1

私はHTMLとの完全な光沢のあるUIを構築しようとして遊んでいた、私がこれまでにやっていることへのリンクが(それはまだいくつかの調整が必要)ここにある: Demo Shiny App

HTMLのかなりのビットがあります私はここにそれを掲示したくなかった。私は彼がコードを投稿できるように、この助けがあれば教えてください。

+1

私はGitHubにプッシュすることを好みましたので、これはリンクです:https://github.com/vbeakovic/shiny_bootstrapそれはバグがあると確信しています。そこに... –

+0

ありがとう – komlan

関連する問題