频道栏目
首页 > 程序开发 > 软件开发 > C# > 正文
C#下如何套用BootStrap让页面更加美化?
2017-10-19 09:35:00         来源:daan5com的博客  
收藏   我要投稿

C#下如何套用BootStrap让页面更加美化?

现在有很多的第三方的UI扩充,像是jQueryEasyUI 或是常见的BootStrap

若是使用asp.net可以先download Bootstrap 并且将档按新增进专案的css里面并且引用,或者可以直接在html </head>下面直接添加网址

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"/>

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"/>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

加载后,要怎么使用呢? 来看个最简单的button。

此为bootstrap 的官方网站,可以在button 加上class=”btn btn-default ”便会是下面范例的样式

这里写图片描述
点击复制链接 与好友分享!回本站首页
上一篇:c#中密封类、常量const、只读readonly
下一篇:使用C#开发时,DataGridView在HeaderCell中显示行号的方法
相关文章
图文推荐
文章
推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站