码迷,mamicode.com
首页 > Web开发 > 详细

EF+MVC+Bootstrap 项目实践 Day3

时间:2015-12-11 08:38:23      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

今天主要是实践BootStrap,模仿着做一下登陆页

这一年多来公司项目用的是EasyUI,用来做ERP、CMS之类的后台管理不错,各种交互基本够用,但样式就不怎么样了。

BootStrap比较注重前端,更美观大方,主要在html里控制。

一、引入css

public static string StaticFile(this UrlHelper helper, string path)
        {
            if (string.IsNullOrWhiteSpace(path))
            {
                return "";
            }

            if (path.StartsWith("~"))
                return helper.Content(path);
            else
                return GetStaticServiceUri() + path;
        }
<link href="@Url.StaticFile("/assets/bootstrap/css/bootstrap.min.css")" rel="stylesheet" />

源码自定了一个StaticFile方法来获取URL,我就不那么麻烦了吧,还是用原生的。

源码还引入了一些其它css和js,为了辨别哪个效果是原生的,暂只引用了基本的BootStrap的CSS/JS和query,学源码js放在最后</body>前,会加快页面加载速度

 

二、整体布局

引入了图片,设置背景,logo

 

待续

 

EF+MVC+Bootstrap 项目实践 Day3

标签:

原文地址:http://www.cnblogs.com/liuyouying/p/5037908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!