Bootstrap 4 是否有助推器会影响校准？_Bootstrap 4

Bootstrap 4 是否有助推器会影响校准？

bootstrap-4

Bootstrap 4 是否有助推器会影响校准？,bootstrap-4,Bootstrap 4,我在使用引导时遇到对齐问题。当我在下面添加了两个引导时，菜单名字体大小的所有标签都会变小 <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="css/bootstrap-responsive.min.css" rel="stylesheet"type="text/css" /> 删除两个引导代码，结果图片如下：当我删除两个引导时，菜单名将改变原来的

我在使用引导时遇到对齐问题。当我在下面添加了两个引导时，菜单名字体大小的所有标签都会变小

 <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
 <link href="css/bootstrap-responsive.min.css" rel="stylesheet"type="text/css" />

删除两个引导代码，结果图片如下：

当我删除两个引导时，菜单名将改变原来的大小，图片和单词对齐的内部内容将消失。示例如下图所示：

有人可以指导我如何解决引导中的对齐问题吗？谢谢

我的所有代码如下所示：

<!DOCTYPE html>

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="font/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-responsive.min.css" rel="stylesheet"     type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="css/media-queries.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<meta name="viewport" content="width=device-width" />

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

<link href='http://fonts.googleapis.com/css?family=Exo:400,800' rel='stylesheet' type='text/css'>
</head>

<body data-spy="scroll">



<!-- MAIN CONTENT -->
<div class="container content container-fluid" id="home">


    <!-- HOME -->
    <div class="row-fluid">

    <!-- PHONES IMAGE FOR DESKTOP MEDIA QUERY -->
    <div class="span5 visible-desktop">
        <img src="images/Image1.png">
    </div>

    <!-- APP DETAILS -->
    <div class="span7">

        <!-- ICON -->
        <div class="visible-desktop" id="icon">
            <img src="images/sgr_mpg-footer-logo.png" style="
             height: 80px;">
        </div>

        <!-- APP NAME -->
        <div id="app-name">
            <h1>MPKlang</h1>
        </div>

        <!-- VERSION -->


        <!-- TAGLINE -->
        <div id="tagline">
            SALURAN MAKLUMAT RAKYAT MAJLIS PERBANDARAN KLANG
        </div>

        <!-- PHONES IMAGE FOR TABLET MEDIA QUERY -->
        <div class="hidden-desktop" id="phones">
            <img src="images/phones.png">
        </div>

        <!-- DESCRIPTION -->
        <div id="description">
          SMART-MPKlang merupakan satu platform digital bersepadu dalam menyalurkan maklumat dan menghubungkan majlis perbandaran klang dengan penduduk dan pihak-pihak berkepentingan (stakeholders)
        </div>

        <!-- FEATURES -->
        <ul id="features">
            <li>Kenali MPKlang</li>
            <li>Produk MPKlang</li>
            <li>Klang Bandar Diraja</li>

        </ul>

        <!-- DOWNLOAD & REQUIREMENT BOX -->
        <div class="download-box">
            <a href="#"><img src="images/black.png"></a>
        </div>


        </div>
    </div>
<br><br>
<!-- FOOTER -->
<div class="footer container container-fluid">

    <!-- COPYRIGHT - EDIT HOWEVER YOU WANT! -->
    <div id="copyright" style="font-size: 11px;">
    <b>HUBUNGI KAMI | TERMA & SYARAT | PENAFIAN | CARIAN | ADMIN</b>

    </div>

    <!-- CREDIT - PLEASE LEAVE THIS LINK! -->
    <div id="credits">
    Copyright &copy; HAK CIPTA TERPELIHARA JABATAN TEKNOLOGI MAKLUMAT MAJLIS         PERBANDARAN KLANG<br>
    </div>

</div>

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="js/init.js"></script><!DOCTYPE html>

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="font/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="css/media-queries.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<meta name="viewport" content="width=device-width" />

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

<link href='http://fonts.googleapis.com/css?family=Exo:400,800' rel='stylesheet' type='text/css'>
</head>

<body data-spy="scroll">



<!-- MAIN CONTENT -->
<div class="container content container-fluid" id="home">



<!-- HOME -->
<div class="row-fluid">

    <!-- PHONES IMAGE FOR DESKTOP MEDIA QUERY -->
    <div class="span5 visible-desktop">
        <img src="images/Image1.png">
    </div>

    <!-- APP DETAILS -->
    <div class="span7">

        <!-- ICON -->
        <div class="visible-desktop" id="icon">
            <img src="images/sgr_mpg-footer-logo.png" style="
             height: 80px;">
        </div>

        <!-- APP NAME -->
        <div id="app-name">
            <h1>MPKlang</h1>
        </div>

        <!-- VERSION -->


        <!-- TAGLINE -->
        <div id="tagline">
            SALURAN MAKLUMAT RAKYAT MAJLIS PERBANDARAN KLANG
        </div>

        <!-- PHONES IMAGE FOR TABLET MEDIA QUERY -->
        <div class="hidden-desktop" id="phones">
            <img src="images/phones.png">
        </div>

        <!-- DESCRIPTION -->
        <div id="description">
          SMART-MPKlang merupakan satu platform digital bersepadu dalam menyalurkan maklumat dan menghubungkan majlis perbandaran klang dengan penduduk dan pihak-pihak berkepentingan (stakeholders)
        </div>

        <!-- FEATURES -->
        <ul id="features">
            <li>Kenali MPKlang</li>
            <li>Produk MPKlang</li>
            <li>Klang Bandar Diraja</li>

        </ul>

        <!-- DOWNLOAD & REQUIREMENT BOX -->
        <div class="download-box">
            <a href="#"><img src="images/black.png"></a>
        </div>


    </div>
    </div>
<br><br>
<!-- FOOTER -->
<div class="footer container container-fluid">

<!-- COPYRIGHT - EDIT HOWEVER YOU WANT! -->
<div id="copyright" style="font-size: 11px;">
    <b>HUBUNGI KAMI | TERMA & SYARAT | PENAFIAN | CARIAN | ADMIN</b>

</div>

<!-- CREDIT - PLEASE LEAVE THIS LINK! -->
<div id="credits">
    Copyright &copy; HAK CIPTA TERPELIHARA JABATAN TEKNOLOGI MAKLUMAT MAJLIS PERBANDARAN KLANG<br>
</div>

</div>

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="js/init.js"></script>


姆巴生
巴生国王酒店
智能化的数字平台可以帮助实现可持续发展，并帮助议会（利益相关者）实现可持续发展

肯纳利·姆巴朗
普罗杜克姆巴朗
巴生班达尔迪拉贾




HUBUNGI KAMI | TERMA&SYARAT | PENAFIAN | CARIAN | ADMIN
版权及副本；在巴生的议会中，最重要的是技术进步

姆巴生
巴生国王酒店
智能化的数字平台可以帮助实现可持续发展，并帮助议会（利益相关者）实现可持续发展

肯纳利·姆巴朗
普罗杜克姆巴朗
巴生班达尔迪拉贾




HUBUNGI KAMI | TERMA&SYARAT | PENAFIAN | CARIAN | ADMIN
版权及副本；在巴生的议会中，最重要的是技术进步

在不了解您的代码的情况下，我可以建议使用开发人员工具来找出哪个引导css影响您的对齐。并根据引导重新排列代码。可能是您没有遵循引导网格系统。阅读文档OK。我已经在问题中展示了代码。