零、前言

Twitter Bootstrap,简称 Bootstrap,是互联网上领先的开源 CSS/HTML 和 JavaScript 框架。推出后不久,它就成为 GitHub 上最受欢迎的项目。它如此受欢迎,以至于微软在他们的 Build 2013 会议上宣布,Visual Studio 2013 中的所有 web 应用项目模板都将默认使用 Twitter Bootstrap。

Bootstrap 如此流行的一个主要原因是,它允许开发人员(其中许多人在用户界面设计方面出了名的糟糕)用相对较少的努力来构建美观的网站。Bootstrap 还提供了一个丰富的生态系统,包括免费和商业模板、第三方组件、工具以及一个活跃和有用的社区。

使用 CSS 框架和 Bootstrap,特别是 ASP.NET MVC 是一个自然的选择。Bootstrap 负责排版、表单布局和用户界面组件,这允许开发人员专注于他们擅长的事情——编写代码。这一点对于不一定有内部设计师的小型开发公司尤其有价值。

.NET Core 是一个全新的令人兴奋的框架。它可以用来开发各种应用,而不仅仅是 web 应用。它承诺能够针对不同的平台,如 Linux 和 Mac,以及更小的部署空间。ASP.NET Core 是建立在.NET Core,是对 ASP.NET 平台的改写.NET 开发人员已经知道很多年了。

这本书涵盖了什么

ASP.NET MVC 的 Bootstrap Bootstrap 您创建一个功能齐全的 ASP.NET MVC 网站,使用 Bootstrap 的布局和用户界面。

第 1 章ASP.NET Core 和 Bootstrap 4 入门,向您介绍 Bootstrap 4 发行版中的文件,创建一个空的 ASP.NET 站点,并介绍如何使用 Bower 和 glow。

第 2 章使用 Bootstrap CSS 和 HTML 元素,检查所有各种 Bootstrap CSS 和 HTML 元素,如何将它们包含在您的 ASP.NET MVC 项目中,以及如何配置和使用它们的各种选项。

第三章使用自举组件,让你熟悉自举导航栏、按钮组、提醒,并给你介绍卡片。

第 4 章使用 Bootstrap JavaScript 组件,指导您创建级联下拉菜单、模态对话框和手风琴。

第 5 章创建 MVC Bootstrap Helper 和 Tag Helper,教你创建 Bootstrap MVC helper 以及 ASP.NET Core 引入的 Tag Helper。

第 6 章将 Bootstrap HTML 模板转换为可用的 ASP.NET MVC 项目,转换一个开源 HTML 模板,并准备好与 ASP.NET MVC 一起使用。

第 7 章使用带有 Bootstrap 的 jQuery 数据表插件 4 ,演示如何使用带有 Bootstrap 和 ASP.NET 的强大 jQuery 数据表插件来显示表格数据。

第 8 章使用 Visual Studio 代码创建 Bootstrap 4 ASP.NET MVC 站点,向您展示如何使用免费的 Visual Studio 代码编辑器创建 ASP.NET 项目。

附录Bootstrap 资源,给你一个互联网上可用的 Bootstrap 资源列表。

这本书你需要什么

为了充分利用这本书,您需要 Visual Studio 2015 和现代浏览器。所有示例都已经过 Visual Studio 2015、谷歌 Chrome 和 Mozilla Firefox 的测试。这本书将有益于那些具有 ASP.NET MVC 开发的入门级到高级经验,以及 Bootstrap 有限经验的人。

这本书是给谁的

这本书是为 ASP.NET MVC 开发人员准备的,他们想知道如何将 Bootstrap 合并到他们的项目中。ASP.NET MVC 开发人员也可以从涵盖高级主题的章节中受益,例如创建助手和使用 jQuery 数据表插件。如果你对 ASP.NET MVC 和 Bootstrap 的经验有限,这本书可以作为这些技术的入门书。

惯例

在这本书里,你会发现许多区分不同种类信息的文本样式。以下是这些风格的一些例子和对它们的意义的解释。

文本中的码字、数据库表名、文件夹名、文件名、文件扩展名、路径名、伪 URL、用户输入和 Twitter 句柄如下所示:“双击 Visual Studio 中解决方案资源管理器内的project.json文件”

代码块设置如下:

public void ConfigureServices(IServiceCollection services) 
         { 
            services.AddMvc(); 
         }

任何命令行输入或输出都编写如下:

npm install -g yo grunt-cli generator-aspnet bower 

新名词重要词语以粗体显示。您在屏幕上看到的单词,例如菜单或对话框中的单词,出现在如下文本中:“从新 ASP.NET Core 网络应用中选择项目模板(.NET Core) 项目对话框窗口,点击确定

警告或重要提示会出现在这样的框中。

类型

提示和技巧是这样出现的。

读者反馈

我们随时欢迎读者的反馈。让我们知道你对这本书的看法——你喜欢或不喜欢什么。读者反馈对我们来说很重要,因为它有助于我们开发出你真正能从中获益的标题。要向我们发送一般反馈,只需给 feedback@packtpub.com 发电子邮件,并在邮件主题中提及书名。如果你对某个主题有专业知识,并且对写作或投稿感兴趣,请参见我们位于www.packtpub.com/authors的作者指南。

客户支持

现在,您已经自豪地拥有了一本书,我们有许多东西可以帮助您从购买中获得最大收益。

下载示例代码

您可以从https://github.com/Pietervdw/bootstrap-for-aspnetmvc或您在http://www.packtpub.com的账户下载本书的示例代码文件。如果您在其他地方购买了这本书,您可以访问http://www.packtpub.com/support并注册,以便将文件直接通过电子邮件发送给您。

您可以按照以下步骤下载代码文件:

  1. 使用您的电子邮件地址和密码登录或注册我们的网站。
  2. 将鼠标指针悬停在顶部的 SUPPORT 选项卡上。
  3. 点击代码下载&勘误表
  4. 搜索框中输入图书名称。
  5. 选择要下载代码文件的书籍。
  6. 从您购买这本书的下拉菜单中选择。
  7. 点击代码下载

下载文件后,请确保使用最新版本的解压缩文件夹:

  • 视窗系统的 WinRAR / 7-Zip
  • zipeg/izp/un ARX for MAC
  • 适用于 Linux 的 7-Zip / PeaZip

我们还有来自 https://github.com/PacktPublishing/丰富的书籍和视频目录的其他代码包。看看他们!

下载本书的彩色图片

我们还为您提供了一个 PDF 文件,其中包含本书中使用的截图/图表的彩色图像。彩色图像将帮助您更好地理解输出中的变化。您可以从http://www . packtpub . com/sites/default/files/downloads/BootstrapforASPNETMVC _ color images . pdf下载此文件。

勘误表

尽管我们尽了最大努力来确保我们内容的准确性,但错误还是会发生。如果你在我们的某本书里发现一个错误,也许是文本或代码中的错误,如果你能向我们报告,我们将不胜感激。通过这样做,你可以让其他读者免受挫折,并帮助我们改进这本书的后续版本。如果您发现任何勘误表,请访问http://www.packtpub.com/submit-errata,选择您的书籍,点击勘误表提交表链接,并输入您的勘误表的详细信息。一旦您的勘误表得到验证,您的提交将被接受,勘误表将上传到我们的网站或添加到该标题勘误表部分下的任何现有勘误表列表中。

要查看之前提交的勘误表,请前往https://www.packtpub.com/books/content/support并在搜索栏中输入图书名称。所需信息将出现在勘误表部分。

盗版

互联网上版权材料的盗版是所有媒体的一个持续问题。在 Packt,我们非常重视版权和许可证的保护。如果您在互联网上遇到任何形式的我们作品的非法拷贝,请立即向我们提供位置地址或网站名称,以便我们寻求补救。

请联系我们在 copyright@packtpub.com 的链接到可疑的盗版材料。

我们感谢您在保护我们的作者方面的帮助,以及我们为您带来有价值内容的能力。

问题

如果你对这本书的任何方面有问题,你可以联系我们在 questions@packtpub.com,我们将尽最大努力解决这个问题。