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

最新推荐文章于 2025-05-30 10:59:28 发布
最新推荐文章于 2025-05-30 10:59:28 发布
阅读量6k 收藏 2
点赞数
分类专栏： C# BootStrap 前端 文章标签： bootstrap html css c#
本文介绍了如何通过引入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

C# mvc框架创建文档 基于bootstrap前端框架
11-29
这是C# mvc 5框架快速搭建文档，包含bootstrap前端框架。
C#中应用Bootstrap框架
优快云博客专家，系统架构师，有合作、疑惑请私信博主。
09-26 2266
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
C# MVC模态框增删查改的完整实现
weixin_42509507的博客
05-30 918
C#（读作C Sharp）是一个高级的编程语言，它是.NET框架的一部分，广泛应用于企业级应用程序开发。MVC（Model-View-Controller）是一种软件设计模式，旨在通过将应用程序分为三个主要的逻辑组件来分离关注点，从而简化复杂应用程序的开发和维护。结合C#语言特性与MVC设计模式，C# MVC框架成为了构建动态网站的有力工具。通过本章节的介绍，我们了解了jQuery的基础语法和选择器，以及如何在ASP.NET MVC框架中有效地使用jQuery进行客户端控制。
C# 自绘 Bootstrap 风格 WinForms 按钮
家在东北
11-04 1824
有关 WinForms 控件自绘的文章，百度一下有很多，GitHub 上也有开源的控件，如 MaterialSkin for .NET WinForms 。 本文通过实现一个 Bootstrap 风格的按钮控件，向大家展示 WinForms 控件自绘的基本方法。 Bootstrap 风格按钮如下： 创建 WinForms 控件库 启动 Visual Studio，新建 Windows 窗体控件库...
c# MVC bootstrap-paginator 分页
qq_40281230的博客
04-06 706
c# mvc bootstrap分页
基于C#和Bootstrap的Net7后台管理框架设计源码
05-25
本源码为基于C#和Bootstrap的Net7后台管理框架设计，包含207个C#文件、62个Razor文件等，共477个文件。该项目旨在为用户提供一个全面、便捷的后台管理解决方案，通过C#、CSS、JavaScript、Shell和HTML技术的结合，为...
基于C#和Vue+BootStrap+AjaxPro学生信息管理系统（前后端源码+MSSQL+SQLServer脚本）
06-28
基于C#和Vue+BootStrap+AjaxPro学生信息管理系统（前后端源码+MSSQL+SQLServer脚本） 服务宗旨：有任何问题私信我 适合人群：工作中项目需要、模板框架实战学习、大学毕业设计参考、找工作项目实战积累等等 一个...
简单通用登录页面模板 bootstrap登录页面 html页面
01-18
本资源提供的“简单通用登录页面模板”是基于Bootstrap框架创建的，Bootstrap是目前非常流行的一款前端开发框架，以其响应式布局和丰富的组件库深受开发者喜爱。 1. **Bootstrap简介** Bootstrap是由Twitter开发并...
C# MVC4 + bootstrap 框架下的的权限管理 源码
04-03
1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + bootstrap + mysql 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置。
C#开源项目，Bootstrap框架
最新发布
07-11
这种方式可以让开发者在不同的层面上同时工作，前端设计师可以使用Bootstrap的预设样式和组件快速搭建界面，而C#开发人员可以专注于逻辑的实现和数据处理。这种分工合作的开发模式大大提高了开发效率，并且使得项目...
C# 自绘 Bootstrap 风格 WinForms 按钮（VS2015）源码
11-05
这是博文《C# 自绘 Bootstrap 风格 WinForms 按钮》的 C# 源码，详细内容见博客文章 https://blog.youkuaiyun.com/blackwoodcliff/article/details/102828600
asp.net EF MVC Bootstrap C#源码 CMS建网站 OA办公 CRM后台系统
01-20
asp.net EF MVC Bootstrap C#源码 CMS建网站 OA办公 CRM后台系统
C#MVC 三层架构 ，清晰明了 bootsrap
11-24
适合公司运用，及个学习，如果有bug ,可以相互学习，值的学习
ASP.NET MVC+EF6+Bootstrap开发C#源代码
01-13
包括源代码、数据库文档、数据库创建SQL脚本。一套基于ASP.NET MVC+EF6+Bootstrap开发出来的框架源代码！ 采用主流框架，容易上手，简单易学，学习成本低。可完全实现二次开发、基本满足80%项目需求。 可以帮助解决.NET项目70%的重复工作，让开发更多关注业务逻辑。既能快速提高开发效率，帮助公司节省人力成本，同时又不失灵活性。 支持SQLServer、MySQL、Oracle、SQLite、Access 等多数据库类型。模块化设计，层次结构清晰。内置一系列企业信息管理的基础功能。 操作权限控制精密细致，对所有管理链接都进行权限验证，可控制到导航菜单、功能按钮。 数据权限（精细化数据权限控制，控制到行级，列表级，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段 兼容目前最流行浏览器（IE8+、Chrome、Firefox、360浏览器） 1、前端技术 JS框架：Bootstrap、JQuery CSS框架：Bootstrap v3.3.4（稳定是后台，UI方面根据需求自己升级改造吧）。 客户端验证：jQuery Validation Plugin。 在线编辑器：ckeditor、simditor 上传文件：Uploadify 数据表格：jqGrid、Bootstrap Talbe 对话框：layer 页面布局：jquery.layout.js 图表插件：echarts、highcharts 2、后端技术 核心框架：ASP.NET MVC5、WEB API 持久层框架：EntityFramework 定时计划任务：Quartz.Net组件 安全支持：过滤器、Sql注入、请求伪造 服务端验证：实体模型验证、自己封装Validator 缓存框架：微软自带Cache、Redis 日志管理：Log4net、登录日志、操作日志 工具类：NPOI、Newtonsoft.Json、验证码
mvc+bootstrap源码
12-12
网站源代码
C# Bootstrap 信息提示栏
一只没有感情的AI机械猿
06-06 183
asp:Button ID="btn_confirm" runat="server" Text="确认" CssClass="btn btn-primary" OnClick="btn_confirm_Click" />Message = SuccessInfo("删除成功!
c#bootstap数据操作
wanglei_smartfish的专栏
01-08 268
@{     Layout = null;     ViewBag.Title = "Home Page"; } &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta charset="utf-8" /&gt;     &lt;meta name="viewport" content="width=
ASP.NET Bootstrap C#三层架构搭建 （图解、详细）
weixin_43207103的博客
03-31 8746
ASP.NET Bootstrap C#三层架构搭建 （图解、详细） **三层架构：**BLL（逻辑层）、DAL（数据层）、web（表示层）。 1.打开vs，创建项目 2.在web页面加入默认页并且加入引用文件 3.添加BLL层与DAL层 4.为web（表示层）添加BLL（逻辑层）的引用、为BLL（逻辑层）添加DAL（数据层）引用 5.添加引用声明，在.cs里面 6.w...
直接套用的Bootstrap页面模板指南
Bootstrap页面模板是一种基于Bootstrap框架设计的网页模板。Bootstrap是目前最流行和广泛使用的前端开发框架之一，由Twitter团队开发，它使得开发者可以快速、容易地创建响应式网站。响应式设计是网页设计的一种方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值