• Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.

    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

HTML & CSS Bootsrap has me totally confused on how it work


I have a webpage, with data in sql, it dit worked ,but I have added new version of bootstrap.

I can not get some info to show correctly at the moment, needs some help from people that know it more than I do.
I have a drop down icon, now it show twice, and must be only show 1 of them

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../img/fav-icon.png">

    <title>Admin Panel</title>

    <link href="../admin/css/style.default.css" rel="stylesheet">
    <link href="css/morris.css" rel="stylesheet">
    <link href="css/select2.css" rel="stylesheet">

    <link href="css/jquery.tagsinput.css" rel="stylesheet">
    <link href="css/toggles.css" rel="stylesheet">
    <link href="css/bootstrap-timepicker.min.css" rel="stylesheet">

    <link href="css/bootstrap-wysihtml5.css" rel="stylesheet">

    <link href="css/colorpicker.css" rel="stylesheet">
    <link href="css/dropzone.css" rel="stylesheet">
    <!--<link href="../admin/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/plug-ins/f2c75b7247b/integration/bootstrap/3/dataTables.bootstrap.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/1.0.4/css/dataTables.responsive.css">
    <!-- <script src="js/jquery-3.2.1.min.js"></script> -->
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

        .dataTables_paginate .paginate_button {
            margin-right: 5px;
            cursor: pointer;
<style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style></head>
When I click on the page and do inspect, getting info from files that I do not have, I press on after,

It gives me this files, but I so not have them on my laptop

I want to take this out.