·您现在的位置：云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> Bootstrap 3之美01-下载并引入页面

Bootstrap 3之美01-下载并引入页面

作者：佚名 ASP.NET网站开发编辑：admin 更新时间：2022-07-23

Bootstrap 3之美01-下载并引入页面

本篇主要包括：

■ 下载Bootstrap 3■ Bootstrap 3引入页面

下载Bootstrap 3

→打开网站：http://getbootstrap.com/→点击屏幕中央位置的Download Bootstrap按钮→来到Bootstrap的下载页，有3个按钮可供选择：Download Bootstrap, Download source, Download Sass，本人选择"Download source"→下载后，解压缩，打开bootstrap-3.2.0文件夹

Bootstrap 3引入页面

→使用Visual Stuidio2012创建创建一个空的asp.net项目，在根目录下创建index.html文件→把dis文件夹中的CSS,fonts, js文件夹拷贝到项目根目录下→把css文件夹下的bootstrap.min.css文件引入index.html文件→通过NuGet安装最新版的jQuery→把Scripts文件夹下的jquery-2.1.1.min.js文件引入index.html文件→把js文件夹下的bootstrap.min.js引入index.html文件→把带有图片的images文件夹拷贝到根目录下→丰富index.html的内容

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
    <div id="page">
        <header>
            <div id="menu">
                <ul>
                    <li><a href="#">主页</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <div id="logo">
                <a href="."></a>
            </div>
        </header>
        <section id="body">
            <section id="main">
                <h1>新浪体育讯</h1>
                
                <p>在2014赛季亚冠联赛的一场1/4决赛首回合比赛中，广州恒大客场0-1负于西悉尼流浪者。比赛中，出现了包括张琳芃、郜林领到红牌在内的多次争议判罚。裁判专家张大樵在接受天津体育频道采访时表示拉罗卡对张琳芃的犯规比较严重，应该领到一张黄牌，而张琳芃打了拉罗卡的脸则属于严重犯规，主裁判哈桑向他出示红牌没有问题。哈桑张冠李戴，对萨巴犯规的是刘健，却向郜林出示了红牌。另外，张大樵认为哈桑在上半场漏判了恒大队的一个点球。</p>
						上一篇文章： win7系统下，vs2010一调式，vs就关闭要重启
下一篇文章： 自己开发的工作流引擎

Bootstrap 3之美01-下载并引入页面

Bootstrap 3之美01-下载并引入页面

网站建设问答

网站建设开发

网站需求分析