改变BootStrap主题颜色

摘自:http://www.asp.net/visual-studio/overview/2013/creating-web-projects-in-visual-studio#bootstrap

You can also use Bootstrap‘s theming feature to easily effect a change in the application‘s look and feel. For example, you can do the following steps to change the theme.

  1. In your browser, go to http://Bootswatch.com, choose a theme, and then click Download. (This downloadsbootstrap.min.css by default; if you want to examine the CSS code, get bootstrap.css instead of the minified version.)
  2. Copy the contents of the downloaded CSS file.
  3. In Visual Studio, create a new Style Sheet file named bootstrap-theme.css in the Content folder and paste the downloaded CSS code into it.
  4. Open App_Start/Bundle.config and change bootstrap.css to bootstrap-theme.css.

Run the project again, and the application has a new look. The following illustration shows the effect of the Amelia theme:

Many Bootstrap themes are available, both free and premium versions. Bootstrap also offers a wide variety of UI components, such as drop-downsbutton groups, and icons. For more information about Bootstrap, see the Bootstrap site.

If you use the Web Forms designer in Visual Studio, note that the designer doesn‘t support CSS3, so it doesn‘t accurately show all the effects of Bootstrap themes or responsive layout changes. However, the Web Forms pages will display correctly when viewed with a browser.

时间: 2024-10-14 08:23:54

改变BootStrap主题颜色的相关文章

改变VS2012主题(theme)颜色、编辑框添加背景(so cool)

改变VS2012主题(theme)颜色 点击工具-〉扩展与更新,在联机中搜索theme Editor,把第一个插件下载下来. 重启vs后,工具一栏中会出现Change Color Theme这个选项,然后调成自己喜欢的颜色. 编辑框添加背景 点击工具-〉扩展与更新,在联机中搜索Text background,下载第一个插件 重启vs后,任意打开一个文件,那么编辑框的背景就会改变了,会转变为我的文档中图片里的某个图片. 在我的文档里有一个MaxZhang.VsixTheme.ini文件,用记事本打

【今日推荐】10大流行的 Metro UI 风格的 Bootstrap 主题和模板

http://www.cnblogs.com/lhb25/archive/2013/04/11/10-metro-bootstraps-ui-templates.html Metro UI 是一种界面展示技术,是 Windows 8 的主要界面显示风格.Metro 界面和 iOS.Android 界面最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素.同时在视觉效果方面,这有助于形成一种身临其境的感觉. 如果你的下一个网站项目或 Web 应

【Windows 10 应用开发】跟随系统主题颜色

有些时候,希望应用程序中的某些颜色可以与系统的主题颜色相同,并且当系统主题色改变时进行同步. 实现过程并不复杂,主要用到 UISettings 类,它公开一个 GetColorValue 方法,访问这个方法,可以得到指定的颜色值(用Color结构表示).而表示要获取颜色的类型由一个叫 UIColorType 的枚举来约定.如下面超高清截图所示. 可能有朋友在调用 GetColorValue 方法时会使用值 Background,其实这个值不是系统主题色,是窗口的背景色,默认情况返回的都是白色.系

Android 实现一键切换应用主题颜色

最近项目中要实现切换应用主题的功能,下面就来说一说我在项目中是怎么实现这个功能的,一般我们需要改变整个应用的背景颜色可以直接这样设置getWindow().getDecorView().setBackgroundColor(int color).但是这种方式显然不是我们想要的,而且还有许多不好的地方.为什么呢?第一.它会把整个页面的背景颜色都改变了.第二.布局的背景还必须是透明的才会有效果.所以这种方式有的时候是满足不了我们的需求的.下面我将为大家介绍我的解决方案,下面是一个实现的效果图. 上面

Android 实现一键切换应用主题颜色(二)

上一篇说到一键切换应用的主题颜色,那么今天就继续来讲一讲如何实现应用的一些图标也一样能够跟随应用的主题颜色切换而改变图标的颜色.比如应用首页的一些固定的展示图标,或者是单选框以及复选框的图标,还有一些功能按钮的图标等等.下面还是老规矩,先上一个效果图(有图有真相有木有?) 上面效果图中已经一目了然了,点击选中下面的图标后,然后再切换相应的应用主题颜色时,可以看到下面所选中的图标也会立即跟随应用的主题颜色进行切换.实现这个功能其实也很简单,不需要把每个颜色的图标都准备一套,一套就足矣了.只不过这一

可实现随意切换的button同时随切换改变title的颜色

-(void)addBtn { NSArray *arr = [[NSArray alloc] initWithObjects:@"未使用",@"已使用",@"已付款",@"退款", nil]; for (int i = 0; i < 4; i ++) { UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect]; btn.frame = CGRe

ios点击改变uiview背景颜色

ios点击改变uiview背景颜色是一个再常见不过的需求.第一反应应该不麻烦,于是写了个第一个版本 @interface RespondentUIView() { UIColor * bgColor; } @end @implementation RespondentUIView- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { bgColor = self.backgroundColor; self.backgr

VS2013中如何更改主题颜色(深色)和恢复默认的窗口布局

1.通常情况下,我们会根据个人爱好更改VS2013的主题颜色,一开始我喜欢白色,后来我偏爱深色. 依次选择:工具->选项->常规->主题->深色->确定,ok 2.我们在编辑时最容易把窗口布局搞乱,此时,我们需要重置窗口布局. 依次选择:窗口->重置窗口布局->确定,ok

MagicSuggest – Bootstrap 主题的多选组合框

MagicSuggest 是专为 Bootstrap 主题开发的多选组合框.它支持自定义呈现,数据通过 Ajax 异步获取,使用组件自动过滤.它允许空间免费项目,也有动态加载固定的建议. 您可能感兴趣的相关文章 太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款超炫的复选框(Checkbox)效果 时尚设计!三种奇特网格加载效果[附源码下载] 源码下载      在线演示 本文链接:MagicS