Css-Bootstrap面板显示内联溢出

Question

方案

首先，这是我的小提琴：--> https://jsfiddle.net/edxcbn4n/1/ <--

正如您所看到的，我在第一个选项卡上有三个面板，但我需要这些面板不能在上方和下方显示，而是并排显示，因此我可以使用滚动功能滚动到下一个。我无法弄清楚如何去做。到目前为止，我所做的所有事情到目前为止都在尝试。

问题

如何让面板并排显示，以便我可以从一个滚动到另一个。

Answer 1

使用output$message <- renderText({"This is some red text"}) ..

中的Bootstrap网格

tab-pane

http://www.codeply.com/go/JMdfZvNGDF

编辑： 要超过行中超过3个面板，请使用flexbox覆盖默认的Bootstrap列包装。只需将 <div role="tabpanel" class="tab-pane active container-fluid" id="home"> <div class="row"> <div class="col-md-4"><div class="panel panel-default"> <div class="panel-body"> Basic panel example </div> </div></div> <div class="col-md-4"><div class="panel panel-default"> <div class="panel-body"> Basic panel example </div> </div></div> <div class="col-md-4"><div class="panel panel-default"> <div class="panel-body"> Basic panel example </div> </div></div> </div> </div> 添加到flex-row

即可

row