html - 如何安装 Bootstrap

标签 html css twitter-bootstrap

使用 Windows 7,就在几天前,我下载了 bootstrap 3.3.1 dist 文件......但我不知道如何安装它......我也不知道该放什么对于我的 href="???"在链接.... 这段代码是我自己写的和从 Bootstrap 站点复制/粘贴脚本的混合体……我完全搞砸了……有人请帮忙……

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Edwin's School of Music</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap core CSS -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap theme -->
<link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="theme.css" rel="stylesheet">
    <link rel="stylesheet" href="../../dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="main.css">
</head>C:\Users\user\Desktop\bootstrap-3.3.1-dist\dist\css\bootstrap.min.css
<body>
    <div class="nav">
        <div class="container">
            <ul class="pull-left">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Materials</a></li>
            </ul>
            <ul class="pull-right">
                <li><a href="#">Sign Up</a></li>
                <li><a href="#">Log In</a></li>
            </ul>
        </div>
    </div>
    <div class="jumbotron">
        <h2>Welcome to...</h2>
        <h1><strong>Edwin's School Of Music</strong></h1>
        <h2>Make your DREAMS come true ...</h2>
    </div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<script src="../../assets/js/docs.min.js"></script>
</body>

最佳答案

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

这会起作用,不需要安装东西

但是,这只有在您有互联网连接时才有效,因为它们是从服务器获取的,而不是您机器上的本地文件。

关于html - 如何安装 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27765265/

相关文章:

javascript - 销毁 jquery 模态

javascript - 过渡保持结构上的光滑 slider

html - 如何在 Bootstrap 中将此 <a> 标记置于此模式的中心?

jquery - 不考虑页面宽度的背景图像( Bootstrap )

html - 如何将 3 列设计变成最后一列具有背景图像的表格

javascript - JQuery禁用按钮不起作用

html - 如何在表单中的嵌套容器顶部修复按钮

javascript - Chrome 开发者样式如何找到 elements.style?

html - 如何使我的 HTML5 nav li 选项卡在使用 CSS3 单击时保持事件状态?

css - 如何在 ruby​​ on rails 上基于 Bootstrap 的导航栏中显示图像