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

最新推荐文章于 2023-06-06 19:30:11 发布
最新推荐文章于 2023-06-06 19:30:11 发布
阅读量5.9k 收藏 2
点赞数
分类专栏： C# BootStrap 前端 文章标签： bootstrap html css c#
C# 同时被 3 个专栏收录
2 篇文章 0 订阅
订阅专栏
BootStrap
1 篇文章 0 订阅
订阅专栏
前端
1 篇文章 0 订阅
订阅专栏

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

daan5com
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用BootStrapBlazor组件搭建Bootstarp风格的Winform界面
weixin_43988887的博客
01-27 1081
Blazor Hybird Winform
C# mvc框架创建文档 基于bootstrap前端框架
11-29
这是C# mvc 5框架快速搭建文档，包含bootstrap前端框架。
C#中应用Bootstrap框架
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
09-26 1853
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
c# MVC bootstrap-paginator 分页
qq_40281230的博客
04-06 620
c# mvc bootstrap分页
C# Bootstrap 信息提示栏
一只没有感情的AI机械猿
06-06 128
asp:Button ID="btn_confirm" runat="server" Text="确认" CssClass="btn btn-primary" OnClick="btn_confirm_Click" />Message = SuccessInfo("删除成功!
基于C#和Bootstrap的Net7后台管理框架设计源码
最新发布
05-25
本源码为基于C#和Bootstrap的Net7后台管理框架设计，包含207个C#文件、62个Razor文件等，共477个文件。该项目旨在为用户提供一个全面、便捷的后台管理解决方案，通过C#、CSS、JavaScript、Shell和HTML技术的结合，为...
基于bootstrap页面渲染的问题解决方法
10-18
页面渲染问题在使用Bootstrap进行前端开发时可能会遇到，比如如何高效地更新页面的局部内容而不影响到整个页面的其他部分。本文档将介绍一种使用ajax技术来解决基于Bootstrap页面局部内容更新的方法。 在介绍具体的...
bootstrap 管理页面
01-30
在“bootstrap 管理页面”这个主题中，我们可以深入探讨以下几个关键知识点： 1. **响应式设计**：Bootstrap的核心特性之一是响应式布局，它能够自动适应不同设备的屏幕大小，无论是手机、平板还是桌面电脑，都能...
bootstrap后台页面
03-18
Bootstrap的响应式设计就依赖于这些CSS3特性，通过媒体查询来实现不同设备上的适配，确保页面在桌面、平板和手机上都能良好显示。此外，Bootstrap还提供了丰富的预定义CSS样式，如网格系统、排版、按钮、表单、组件...
C# 自绘 Bootstrap 风格 WinForms 按钮（VS2015）源码
11-05
这是博文《C# 自绘 Bootstrap 风格 WinForms 按钮》的 C# 源码，详细内容见博客文章 https://blog.csdn.net/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# MVC4 + bootstrap 框架下的的权限管理 源码
04-03
1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + bootstrap + mysql 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置。
c#bootstap数据操作
wanglei_smartfish的专栏
01-08 215
@{     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=
C# + MVC + BootStrap Table 简单封装
Tomato2313的博客
09-30 5821
前言： 1、Bootstrap本身是一个非常优秀的前端框架，bootstrap table 是其配套风格的表格插件，功能强大。 2、网上有非常多的 bootstrap table 的说明和教程，中文官网地址：       http://bootstrap-table.wenzhixin.net.cn/zh-cn/ 3、其配置参数非常的丰富，基本可以满足平时开发的一般需求，下面是文档地址...
C# 自绘 Bootstrap 风格 WinForms 按钮
家在东北
11-04 1648
有关 WinForms 控件自绘的文章，百度一下有很多，GitHub 上也有开源的控件，如 MaterialSkin for .NET WinForms 。 本文通过实现一个 Bootstrap 风格的按钮控件，向大家展示 WinForms 控件自绘的基本方法。 Bootstrap 风格按钮如下： 创建 WinForms 控件库 启动 Visual Studio，新建 Windows 窗体控件库...
C# 接受bootstrap
06-13
C# 是一种编程语言，它本身并不能直接接受 Bootstrap。Bootstrap 是一个前端开发框架，用于快速构建响应式的 Web 应用程序。如果你想在 C# 中使用 Bootstrap，你需要将它与 C# 的后端代码结合起来使用，通常是通过 ASP.NET 或者 ASP.NET Core 这样的 Web 应用程序框架来实现。具体的实现方式可以参考相关的教程和文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值