当前位置:Gxlcms > JavaScript > c#如何使用bootstrap模板

c#如何使用bootstrap模板

时间:2021-07-01 10:21:17 帮助过:121人阅读

如果你想了解更多关于bootstrap的知识,可以点击:bootstrap教程

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 ” 便会是下面范例的样式

boot65.png

以上就是c#如何使用bootstrap模板的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行