首页 > 学院 > 开发设计 > 正文

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

2019-11-17 01:42:39
字体:
来源:转载
供稿:网友

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文件夹1

Bootstrap 3引入页面

→使用Visual Stuidio2012创建创建一个空的asp.net项目,在根目录下创建index.html文件→把dis文件夹中的CSS,fonts, js文件夹拷贝到项目根目录下2→把css文件夹下的bootstrap.min.css文件引入index.html文件→通过NuGet安装最新版的jQuery3→把Scripts文件夹下的jquery-2.1.1.min.js文件引入index.html文件→把js文件夹下的bootstrap.min.js引入index.html文件→把带有图片的images文件夹拷贝到根目录下4→丰富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>
<PRe style="font-size: 11px; font-family: consolas,'Courier New',courier,monospace; width:
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表