今天主要是实践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
待续
时间: 2024-11-06 16:15:22