C# 如何套用BootStrap 让页面美丽点

最新推荐文章于 2025-11-27 00:45:48 发布

翻译最新推荐文章于 2025-11-27 00:45:48 发布 · 6.1k 阅读

文章标签：

#bootstrap #html #css #c#

C# 同时被 3 个专栏收录

2 篇文章

订阅专栏

BootStrap

1 篇文章

订阅专栏

前端

1 篇文章

订阅专栏

本文介绍了如何通过引入BootStrap来快速美化ASP.NET项目的网页界面。提供了直接在HTML文件中引入BootStrap CSS和JS文件的方法，并展示了如何创建一个简单的按钮。

如何套用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>