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

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何套用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 加上cla​​ss=”btn btn-default ” 便会是下面范例的样式
这里写图片描述
翻译自:chi’s coding life

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值