Bootstrap - tab switching

tab switch

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap.min.css">
    <script src="jquery-2.1.0.min.js"></script>
    <script src="bootstrap.min.js"></script>
</head>
<body>
    <!-- tab标签 -->
    <ul id="myTab" class="nav nav-tabs">
        <li class="active">
            <a href="#home" data-toggle="tab">
                Microsoft
            </a>
        </li>
        <
            
            
        
    
    
    
        
            
            </ The p- > 
        </ div > 
        < div class = "Fade the Tab-Pane" the above mentioned id = "ios" > 
            < the p- > 
                NET CORE is a framework developed by Microsoft and released cross-platform. 
            </ P > 
        </ div > 
    </ div > 
    < Script > 
        $ ( ' #myTab A ' ) .click ( function (E) { 
            e.preventDefault () 
            $ ( the this ) .tab ( ' Show '
    >
</body>
</html>

Guess you like

Origin www.cnblogs.com/xulinjun/p/12038325.html