如何用ASP.NET MVC结合Bootstrap高效构建长尾关键词优化网站?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1820个文字,预计阅读时间需要8分钟。
作为一名Web开发者,若不借助任何前端框架,仅使用HTML和CSS从头开始构建友好的页面是非常具有挑战性的。尤其是对于习惯于Windows Forms开发的开发者来说,这种转变更是困难重重。正是由于这样的原因,许多开发者选择使用框架来简化开发过程。
作为一名Web开发者而言,如果不借助任何前端框架,从零开始使用HTML和CSS来构建友好的页面是非常困难的。特别是对于Windows Form的开发者而言,更是难上加难。
正是由于这样的原因,Bootstrap诞生了。Twitter Bootstrap为开发者提供了丰富的CSS样式、组件、插件、响应式布局等。同时微软已经完全集成在ASP.NET MVC 模板中。
Bootstrap结构介绍
你可以通过getbootstrap.com.来下载最新版本的Bootstrap。
解压文件夹后,可以看到Bootstrap的文件分布结构如下,包含3个文件夹:
- css
- fonts
- js
css文件夹中包含了4个.css文件和2个.map文件。我们只需要将bootstrap.css文件包含到项目里这样就能将Bootstrap应用到我们的页面中了。bootstrap.min.css即为上述css的压缩版本。
.map文件不必包含到项目里,你可以将其忽略。这些文件被用来作为调试符号(类似于Visual Studio中的.pdb文件),最终能让开发人员在线编辑预处理文件。
本文共计1820个文字,预计阅读时间需要8分钟。
作为一名Web开发者,若不借助任何前端框架,仅使用HTML和CSS从头开始构建友好的页面是非常具有挑战性的。尤其是对于习惯于Windows Forms开发的开发者来说,这种转变更是困难重重。正是由于这样的原因,许多开发者选择使用框架来简化开发过程。
作为一名Web开发者而言,如果不借助任何前端框架,从零开始使用HTML和CSS来构建友好的页面是非常困难的。特别是对于Windows Form的开发者而言,更是难上加难。
正是由于这样的原因,Bootstrap诞生了。Twitter Bootstrap为开发者提供了丰富的CSS样式、组件、插件、响应式布局等。同时微软已经完全集成在ASP.NET MVC 模板中。
Bootstrap结构介绍
你可以通过getbootstrap.com.来下载最新版本的Bootstrap。
解压文件夹后,可以看到Bootstrap的文件分布结构如下,包含3个文件夹:
- css
- fonts
- js
css文件夹中包含了4个.css文件和2个.map文件。我们只需要将bootstrap.css文件包含到项目里这样就能将Bootstrap应用到我们的页面中了。bootstrap.min.css即为上述css的压缩版本。
.map文件不必包含到项目里,你可以将其忽略。这些文件被用来作为调试符号(类似于Visual Studio中的.pdb文件),最终能让开发人员在线编辑预处理文件。

