Блог

 lt;headgt;   lt;meta charset="utf-8"gt;  lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"gt;    lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"gt;  lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bitter:700|Open Sans:300,400,600"gt;  lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"gt;   lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"gt;lt;/scriptgt;  lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"gt;lt;/scriptgt;  lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"gt;lt;/scriptgt;   lt;titlegt;@ViewBag.Titlelt;/titlegt;     @RenderSection("head", required: false) lt;/headgt;  

Приведенный выше код в _Layout.cshtml и ниже является одним из представлений.

 lt;div class="container"gt;lt;h2gt;Example 3 lt;/h2gt;lt;/divgt;  lt;div id="exTab3" class="container"gt;  lt;ul class="nav nav-pills"gt;  lt;li class="active"gt;  lt;a href="#1b" data-toggle="tab"gt;Overviewlt;/agt;  lt;/ligt;  lt;ligt;  lt;a href="#2b" data-toggle="tab"gt;Using nav-pillslt;/agt;  lt;/ligt;  lt;ligt;  lt;a href="#3b" data-toggle="tab"gt;Applying clearfixlt;/agt;  lt;/ligt;  lt;ligt;  lt;a href="#4a" data-toggle="tab"gt;Background colorlt;/agt;  lt;/ligt;  lt;/ulgt;  lt;div class="tab-content clearfix"gt;  lt;div class="tab-pane active" id="1b"gt;  lt;h3gt;Same as example 1 but we have now styled the tab's cornerlt;/h3gt;  lt;/divgt;  lt;div class="tab-pane" id="2b"gt;  lt;h3gt;We use the class nav-pills instead of nav-tabs which automatically creates a background color for the tablt;/h3gt;  lt;/divgt;  lt;div class="tab-pane" id="3b"gt;  lt;h3gt;We applied clearfix to the tab-content to rid of the gap between the tab and the contentlt;/h3gt;  lt;/divgt;  lt;div class="tab-pane" id="4b"gt;  lt;h3gt;We use css to change the background color of the content to be equal to the tablt;/h3gt;  lt;/divgt; lt;/divgt;  

Ни один из моих переключателей данных не работает с раскрывающимся списком или вкладкой переключения данных. В чем здесь может быть проблема ? Я пытаюсь использовать раскрывающийся список «Свернуть» также в других разделах страницы. Но ни один из них не работает в моем приложении.