Bootstrap选项卡在较小的设备中重叠

Question

我正在使用一个bootstrap主题，并且对于其余的布局工作非常好。但是标签看起来不适合较小的屏幕。 来源：

更大/正常屏幕的输出：

然后较小屏幕中的输出如下：

我没有从标签中获得特定的额外JS。

希望有人可以给出一个方向。

顺便说一下，我只是CSS内容和引导程序的重要人物。

Answer 1

您可能希望查看响应式实用程序引导程序，以根据屏幕大小显示/隐藏元素。

http://getbootstrap.com/css/#responsive-utilities

$scope.getRandomForm = function() {
          paymentService.NewEReceipt().success(function(data){
                console.log(data)
                $scope.IssueReceipt.formId = parseInt(data);
                console.log(parseInt(data));
             })

        }
        $scope.getRandomForm()

您可以使用http://www.bootply.com/new#对其进行测试（复制并粘贴上面的代码，运行它，然后将浏览器的大小调整为较窄的宽度，以便查看它的实际效果。）

您可能需要重新考虑在页面上以不同大小呈现某些内容的方式，但是当您需要根据屏幕大小呈现不同元素时（响应时），这应该会为您提供一些工具。