public qa log building responsive ui with bootstrap jump start

8/9/2019 Public QA Log Building Responsive UI With Bootstrap Jump Start

1/23

Building Responsive UI with Bootstrap Jump Start

Q A Log

Live Event Date : August 27, 2014 Page 1 of 23

DISCLAIMER: This information is provided to you for informational purposes only and is provided “as is .” Microsoft has not reviewed the information and it may

contain inaccuracies. You bear the risk of using it. Microsoft makes no warranties, express or implied, as to the information.

08:33:39 PDT

Question: Good Morning to all !Answer: Good morning Snow Fall! Thanks for joining!

08:44:34 PDT

Question: Good Evening....

Answer: Hi Chris! Welcome and thanks for joining!

08:44:46 PDT

Question: Hi from Poland everybody

Answer: Hi Jack! Welcome and thanks for joining!

08:45:29 PDT

Question: Hi all. I know it's a little early, but ready and rar ing to go in the UK.

Answer: Hi Steve! Great to have you online w ith us! Enjoy the event!

08:45:39 PDT

Question: Hi everyone!

Answer: Hi Dragos! Welcome and thanks for joining!

08:46:04 PDT

Question: Hi you all, Robin here

Answer: Hi Robin! Thanks for joining! Enjoy the sessions

08:46:23 PDT

Question: Good day everyone!

Answer: Welcome Steve!

08:46:26 PDT

Question: Just fitting in a module from http://w w w.microsof tvirtualacademy.com/training-courses/introduction-to-asp-net-mvc before this session starts

Answer: Wow , you just can't get enough!

08:47:20 PDT

Question: Welcome from Bulgaria.

Answer: Hi Milenski! Thanks for joining!

08:47:31 PDT

Question: Hi Everyone!

Answer: Hi Pramud! Welcome and thanks for joining!

08:47:43 PDT

Question: Hello Everyone, Sundar from Salt Lake

Answer: Welcome Sundar! Enjoy the event!

08:48:21 PDT

Question: hey...a very good morning everyone...

Answer: GOOD MORNING Dipsdeepak!

08:48:38 PDT

Nahed Y. posted: Hi f rom Canada

Answer: Welcome Nahed! Thanks for joining!

08:51:47 PDT

Question: w elcome from Finland

Answer: Great to see you today!

http://www.microsoftvirtualacademy.com/training-courses/introduction-to-asp-net-mvchttp://www.microsoftvirtualacademy.com/training-courses/introduction-to-asp-net-mvchttp://www.microsoftvirtualacademy.com/training-courses/introduction-to-asp-net-mvchttp://www.microsoftvirtualacademy.com/training-courses/introduction-to-asp-net-mvchttp://www.microsoftvirtualacademy.com/training-courses/introduction-to-asp-net-mvchttp://www.microsoftvirtualacademy.com/training-courses/introduction-to-asp-net-mvc


2/23


3/23


Q A Log




09:00:26 PDT

Question: Will there be a question and answ er session?Answer: Of course! Type all your questions into this chat and our experts online w ill answ er!

09:01:07 PDT

Question: When w ill this event be available in recordings

Answer: Yes w e w ill post the recording in about 2 w eeks. We w ill email you w hen it is ready.

09:02:36 PDT

Question: Hi there ! Greetings from Poland Thanks for this and all sessions available on MVA !

Answer: Thanks for joining us!

09:17:40 PDT

Question: What w as the code again?

Answer : http://aka.ms/BootstrapMVAGIT

09:17:48 PDT

Question: What w as the code again?


09:17:52 PDT

Question: please put in link of information again


09:18:05 PDT

Question: I got the first part: /BootstrapMVA...


09:18:11 PDT

Question: Could you please post the url for source code? Thank you.


09:18:29 PDT

Question: How do w e get the training points?

Answer: You can get link and code from the FAQ

09:23:48 PDT Question: Is Bootstrap a Microsoft product?

Answer: No, it's an open source project f irst started by Twitter developers

09:24:07 PDT

Question: Sorry f or irrelevant question, is it possible to learn the draw ing tool that you are using to draw on top of the

screen. thanks

Answer: That's built in to Pow erPoint

09:25:14 PDT

Question: w here can I get the latest bootstrap?

Answer : http://getbootstrap.com (or v ia NuGet)

09:26:22 PDT

Question: There w as mention of an extension to VS 2013 Express for Web that the speakers w ere recommending -can you remind us w hich it w as? Thanks in advance...

Answer: Web Essentials - http://vsw ebessentials.com

http://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://getbootstrap.com/http://getbootstrap.com/http://getbootstrap.com/http://getbootstrap.com/http://vswebessentials.com/http://vswebessentials.com/http://vswebessentials.com/http://vswebessentials.com/http://getbootstrap.com/http://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIT


4/23


Q A Log




09:26:35 PDT

Question: Hi Jon Gallow ay ! I am Shahin From Dhaka , Bangladesh............ I glad to connect w ith you ....Answer: Hello!

09:27:20 PDT

Question: w hy does this project not have a Site.Master?

Answer: This is an MVC s ite. Very similar HTML in Site.Master in an ASP.NET Web Forms site.

09:27:27 PDT

Question: how do i get my hair to look like jon's?

Answer: LOL

09:28:31 PDT

Question: Why the template isnt using HTML5 tags like ?

Answer: I'll talk about that later

09:29:11 PDT

Question: can i use bootstrap in vs 2010?

Answer: Yes, but it's not built in like it is in 2013

09:30:34 PDT

Question: Jersey? Nobody goes to Jersey on vacation

Answer: I like NJ.

09:30:59 PDT

Question: was late. and I seem almost completely lost.

Answer: We're just doing a very quick, high level intro. We dig deeper as w e go forw ard.

09:31:17 PDT

Question: Jon don't use Comb

Answer: I'll make sure I pass on that joke.

09:32:22 PDT Question: is there a possibility to select the template to be bootstrap or not? do I need to redo the entire template ifclient/project doesn't need bootstrap?

Answer: You can sw ap it out w ith the theme you w ant as Jon is demoing here.

09:32:34 PDT

Question: can you/do you later talk about good approaches f or migraton into bootstrap for existing projects?

Answer: We'll start to talk about that a bit later.

09:33:16 PDT

Question: Hi, Christopher. I attended TechEd 2014 in Houston, and I met and spoke to you there. Looking forw ard

this course. And the flying spaghetti.

Answer: Ha! Thanks!

09:33:40 PDT Question: Hey! I live in NJ...be nice

Answer: I'm originally from NJ

09:33:54 PDT

Question: My best w ishes to both you ........ I cordially invited to you v isit our country and inspiring our Microsoft user

and developer........

Answer: Thanks!


5/23


Q A Log




09:34:23 PDT

Question: Thank you Joseph47 for asking and Jon Gallow ay f or answ ering, I w as w ondering the same thing.Answer: Team eff ort

09:40:44 PDT

Question: What site w ere you on that had the bootstrap templates?

Answer: Bootsw atch - http://bootsw atch.com

09:41:52 PDT

Question: How hard is it to add bootstrap to a converted MVC 4 project that did not have it originally? Thanks.

Answer: You can add it v ia NuGet - http://www .nuget.org/packages/bootstrap/

09:44:45 PDT

Question: Do all versions of IE support Bootstrap w ebsites?

Answer: Off icially supported back to IE8, generally w orks on IE7 http://getbootstrap.com/getting-started/#support

09:50:08 PDT

Question: could you nest grids (or w ould you ever w ant to?)

Answer: Absolutely! We'll hit that in mod 3.

09:51:28 PDT

Question: is it possible to increase 12 columns?

Answer: In theory anything is poss ible as it's CSS at the end of the day. But you w ant to stick w ith w hat it has.

09:51:54 PDT

Question: w ith the super high resolutions (e.g. 1440x2560) on the new and upcoming phones in mind, is it possible

to choose grid classes (those .col-xs- .col-sm- etc.) based on resolution and pixel density together? because the

screens are still quite small

Answer: Right now it maxes out at 1,200.

09:52:10 PDT

Question: Hi there! It may be early for me to ask this question at this stage but I'll ask anyw ay We've responsive gr id

but how to achieve the responsive nested grids using Bootstrap?

Answer: We'll talk in Mod 3

09:53:50 PDT

Question: you could have store icon in navbar right?

Answer: Absolutely! Just add the HTML into the navbar section.

09:53:55 PDT

Question: are there any themes for asp.net like w e have in php w ordpress?

Answer: Absolutely!

09:54:20 PDT

Question: Can I dynamic modify those components using Jquery?

Answer: You can! One of the great things about Bootstrap is most of it is driven by adding/removing classes.

09:56:55 PDT

Question: Hi I visited https://github.com/GeekTrainer/BootstrapMVA/ , cloned to desktop and dow nloaded the zippedfile, it is almost empty and in each directory there is only a file called .gitignoreAnswer: That's because w e're just getting started - w e'll be copying the code samples w e create into there as w e go.

09:57:06 PDT

Question: w ill this be recorded/available for playback? have to take a few breaks for other meetings/etc and don't

w ant to miss anything!

Answer: Yes, everything is being recorded.

http://bootswatch.com/http://bootswatch.com/http://bootswatch.com/http://www.nuget.org/packages/bootstrap/http://www.nuget.org/packages/bootstrap/http://www.nuget.org/packages/bootstrap/http://getbootstrap.com/getting-started/#supporthttp://getbootstrap.com/getting-started/#supporthttps://github.com/GeekTrainer/BootstrapMVA/https://github.com/GeekTrainer/BootstrapMVA/https://github.com/GeekTrainer/BootstrapMVA/https://github.com/GeekTrainer/BootstrapMVA/http://getbootstrap.com/getting-started/#supporthttp://www.nuget.org/packages/bootstrap/http://bootswatch.com/


6/23


Q A Log




10:05:49 PDT

Question: Hi previously JON only replaced the existing CSS f iles w ith CSS of a particular theme and w ithoutrefreshing the browser the changes reflected how it happened? You missed to cover that point.

Answer: I'll show that later - that's a Visual Studio f eature called Brow ser Link

10:13:34 PDT

Question: can we use bootstrap for IE 6? Recently I hit w ith issues w hile upgrading an application from MVC 3 to

MVC5. How do w e make sure it is upgraded successf ully

Answer: IE6 isn't supported

10:13:49 PDT

Question: Are they going to do a step by step to get a bootstrap project in VS2013? I'm having trouble ( e.g. don't

see bootstrap or w eb essentials in nugget ). Not sure w hat type of project to create.

Answer: I'll do that in the next module

10:14:38 PDT

Question: I have VS 2012. How do I attach Bootstrap?

Answer: It's available in a NuGet package

10:15:04 PDT

Question: And though Jon w on't say it...Web Essentials is ESSENTIAL.

Answer: Well played, sir.

10:16:41 PDT

Question: Where can I get the Web Essentials package?

Answer: Tools > Add-in Manager

10:17:01 PDT

Question: Hi jon Gallow ay I a m from Dhaka Bangladesh our local time is 23:09 you should answ er my question ! I

hope you do it > How to get w ebpage template w ith bootstrap default theme like MVC 5 razor syntax view template inVisual Studio 2013 ?

Answer: Should be right there out of the box.

10:17:11 PDT

Question: What about MVC helpers and bootstrap?

Answer: We'll hit that in Module 4.

10:17:57 PDT

Question: How does Bootstrap compares to jQuery UI? In other w ords, w hen to use one or the other?

Answer: In a nutshell, jQueryUI is JavaScript based, w hile Bootstrap does most of its w ork w ith classes & attributes.

10:18:02 PDT

Question: Christopher Harrison : Do you like spaghetti

Answer: I do.

10:18:06 PDT

Question: I'll look as soon as the phone sdk is done updating.

Answer:

10:19:10 PDT

Question: Bootstrap is already included if you create a new MVC Application in VS2013. Its built in to VS2013 now .

Answer: It is. It's w onderful.


7/23


Q A Log




10:19:50 PDT

Question: SignalR, nice. I'll need it soon.Answer: It's a lot of f un!

10:20:00 PDT

Question: Tools -> Extensions and Updates Then Search for Web Essentials it w orks as w ell.

Answer: That w orks!

10:20:10 PDT

Question: Is there any calendar component in bootstrap? I could not find that on

http://getbootstrap.com/components/

Answer: Not out of the box.

10:20:22 PDT

Question: What do w e do for calendar control?

Answer: There isn't one out of the box.

10:23:46 PDT

Question: am i talking to myself?

Answer: We're answ ering as fast as w e can. We're also presenting in realtime.

10:24:26 PDT

Question: Can you use the jQuery UI datepicker? That's a nice one.

Answer: You absolutely can! Use the best tool for the job.

10:24:37 PDT

Question: w here can i find that Extension menu?

Answer: Under tools

10:33:27 PDT

Question: I don't have w eb essentials in VS2013. Where do I install it from?

Answer: Under extensions

10:34:07 PDT

Question: I cannot find Bootstrap Budle w hen I search under online

Answer: Make sure you're under Extensions (not NuGet) in Visual Studio

10:35:02 PDT

Question: Can w e use Bootstrap w ith Sharepoint 2010 / 2013 onPremise / Office 365

Answer: You can use them w ith apps

10:35:13 PDT

Question: Thanks

Answer: You're w elcome

10:35:23 PDT

Question: do w e have any dependencies using other libraries or framew orks

Answer: jQuery is required.

10:37:14 PDT

Question: Will this class cover some of the issues w ith AJAX, Master Pages, JQuery?

Answer: We'll talk a bit about it, but w e don't focus on Ajax/jQuery.

http://getbootstrap.com/components/http://getbootstrap.com/components/http://getbootstrap.com/components/


8/23


Q A Log




10:37:51 PDT

Question: Hi, I'm mainly interested in only developing for the Window s platform. Although bootstrap sounds like anice tool for cross platforms, this may not be a good investment for me particularly. thoughts?

Answer: You might be able to integrate it w ith WinJS apps

10:39:08 PDT

Question: Is there any Online How -to for a simple SharePoint App w ith Bootstrap...?

Answer: I'd have to go look. :-/

10:39:30 PDT

Question: is it possible to integrate metrostyle.css w ith bootstrap ?

Answer: Unless there are conflicting classes, yes.

10:39:44 PDT

Question: I'm really anxious to understand w hen I need to use the -md or -sm classes. If this is responsive I presumeI only need to choose one and bootstrap.js w ill rename them as media size changes.

Answer: We'll hit that in the next module.

10:40:34 PDT Question: Thanks for explaining how to get the snippets.

Answer: You're w elcome!

10:40:51 PDT

Question: can w e create the library for our customized functions?

Answer: You could that w ith a regular JS f ile

10:42:17 PDT

Question: How do w e get the bootstrap bundle in Visual Studio 2010?

Answer: There isn't one built f or 2010 that I know of .

10:44:07 PDT

Question: this has happened to me before w ith glyphicon's not show ing

Answer: You should add attribution.

10:44:24 PDT

Question: can anyone see this...please respond.

Answer: I can. Working through all of these as fast as possible.

10:45:11 PDT

Question: I am checking for Bootstrap bundle under Extension and Updates in VS 2012 and cannot f ind it and I keepgetting 500 internal server error.

Answer: Not sure w hat could be causing that. Sorry.

10:45:26 PDT

Question: there's w as a bug in bootstrap that w as fixed in v3.0.3.0 f or this; could be bootstrap is a bit out of date in

the bundle?

Answer: Jon updated last night.

10:45:37 PDT Question: Do you have to nuget the glyph icon c lass before using it?Answer: Should be built in.

10:47:18 PDT

Question: when i install bootstrap in v isual studio 2013 using nuget, but jquery ui old sty les get af fec ted so , w hy so?

Answer: There's a conflicting class.


9/23


Q A Log




10:47:27 PDT

Question: I think I saw that your Bootstrap vers ion is 3.0 - you should show how to update the Bootstrap package to3.2.0 using VS.

Answer: If you go to NuGet and c lick Update.

10:47:45 PDT

Question: Someone is hungry.........

Answer: I am.

10:48:04 PDT

Question: can we create a bootstrap directory in our dadabase of our server by copy pasting the bootstrap

functions? because w hat if bootstrap server is dow n?

Answer: Bootstrap is served from your ow n servers by default. You can use a CDN if you like.

10:48:24 PDT

Question: Are the glyphs implemented as a sprite sheet or as individual icons? Since they are scalable I am

presuming individual...

Answer: Sprite sheet

10:48:57 PDT

Question: can w e add our coustom color of that buttonAnswer: You could do that by updating the class to the color you w anted, or add a new c lass w ith the color.

10:50:12 PDT

Question: should I use nuget f or getting bootstrap for each single project or can I put it somewhere w here I can use it

for every new project

Answer: In VS2013 it's there in every new project by default.

10:50:32 PDT

Question: does bootstrap have support for editable drop dow ns?


10:50:55 PDT Question: w ill w e be able to see the poll results?

Answer: They should show on the page.

10:51:31 PDT Question: Yeah, the bug is around the w rong char code being embedded but just use a different one for sample and

move on.

Answer: Live demos

10:52:10 PDT

Question: For tooltip should I add attribute? right?

Answer: Check w ith your legal dept. f or proper attribution rules.

10:52:27 PDT

Question: Maybe the calendar is not in the theme css you copied earlier ?

Answer: Seems to be something on his system.

10:52:37 PDT

Question: can w e change the color of the glyphicons?

Answer: Surround it w ith a span/div w ith the color.

10:53:01 PDT

Question: I believe it is actually the css/styling that is moving one over the other

Answer: It's funny. I did it on my system and it w orked just f ine.


10/23


Q A Log

Live Event Date : August 27, 2014 Page 10 of23



10:53:57 PDT Question: w ill the icon be s till visible w ith Window s High-Contrast mode?

Answer: It should be.

10:54:19 PDT

Question: < span class="glyphicon glyphicon-thumbs-

up">

Answer: Not sure w hat w ent sideways. :-/

10:55:02 PDT

Question: is there any tooltip for glyphicons ?

Answer: We'll talk tooltips later today.

10:55:18 PDT

Question: After the class, hoping you can share a quick FAQ f or folks running VS Express 2012 for Web on how to

get Bootstrap added. Right now I manually do this outside of VS, but it sounds like there is a better w ay to do this thru

VS w here VS w ill also check for updates and stay current.

Answer: You can add it in through NuGet.

10:55:34 PDT

Question: calendar -- IWOMM )

Answer: It w orked on mine.

10:55:45 PDT

Question: glyphicons are part of bootstrap but require separate attribution?

Answer: Check w ith your legal dept.

10:56:38 PDT

Question: w hy we use bootstrap framew ork not other like foundation f ramew ork

Answer: Just makes life easier.

10:56:49 PDT Question: I w ant to add Bootstrap to my MVS 2012. Which extension?

Answer: It's under NuGet

10:57:50 PDT Question: Christopher; I suspect you're running bootstrap 3.2, and the live machine w e're seeing the demo against is

using 3.0.x

Answer: It should be up to date. He's usually pretty good about it. We'll check at break time.

10:58:11 PDT

Question: Is this presentation recorded and w ill be posted later as a video recording? If yes, where and w hen?

Answer: It'll be available in about 3 w eeks.

10:58:28 PDT

Question: when this video w ill posted on MVA. I am in very slow connection get disconnected many times?

Answer: In about three w eeks.

10:59:45 PDT

Question: SA: from the bootstrap w ebsite: "Includes 200 glyphs in font format from the Glyphicon Halflings set.Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap f ree

of cost. As a thank you, w e only ask that you include a link back to Glyphicons w henever possible."Answer: There you have it! Thanks!


11/23


Q A Log




11:01:12 PDT

Question: This is most likely a dumb question, but how do you link the bootstrap buttons to an action?Answer: The same w ay you'd link an Anchor tag or a Button to a f unction.

11:01:20 PDT

Question: can any of this be used in Microsof t Expression?.. sorry if its a dumb question...just have a basic html

knowledge. .A+ and net+ cert

Answer: This w ill w ork w ith any HTML editor.

11:03:24 PDT

Question: are their any good blog engine for asp.net MVC w hich uses bootstrap?

Answer: There's a ton that are out there.

11:05:47 PDT

Question: How do I get the Bootstrap snippets to show up? I'm using VS2013/MVC5

Answer: Right click / Insert Snippet / Bootstrap (or control+K X)

11:08:43 PDT

Question: Is the Snippet pack the Extensions called "Bootstrap Snippet Pack" by Eric Lebetsamer. I just w ant tomake sure I get the same extension.

Answer: That's the one!

11:08:50 PDT

Question: how can i use another bootstrap theme?

Answer: Replace the bootstrap css files w ith the ones you dow nloaded it.

11:08:58 PDT

Question: not to nitpick but CTRL-K + X is different than CTRL-K + CTRL-X

Answer: I alw ays try to highlight that.

11:09:11 PDT

Question: how can i use another bootstrap theme?

Answer: Update the CSS f iles w ith the one you obtained.

11:09:21 PDT

Question: Is this course going to be available fore reference later on?

Answer: In about 3 w eeks.

11:09:33 PDT

Question: is css intellisense available in vS 2012 follow ing adding bootstrap

Answer: Just add the NuGet package.

11:10:14 PDT

Question: I love chords in Visual Studio, though! My cow orkers are alw ays astounded at how quickly Icomment/uncomment things ^_^

Answer: Agreed. I do that a lot in presentations.

11:10:43 PDT

Question: I am a littlle bit confused betw een tools> manager and nugget w hen do we use them and w hta is the

difference

Answer: Extensions manager modifies Visual Studio (all projects if you w ill) w hile NuGet updates the current project.

11:10:49 PDT

Question: Pfew , I'm back!

Answer: Welcome back!


12/23


Q A Log




11:10:53 PDT

Question: ThanksAnswer: You're w elcome!

11:11:20 PDT

Question: I added the bootstrap using nugget package but not getting the intellisense

Answer: IntelliSense comes w ith VS2013. The snippets are available as an add-on.

11:13:04 PDT

Question: Me too I cannt see the Boostrap : I Pressed in Insert snippet but I can't see the Bootstrap one

Answer: You need to install the Bootstrap Snippets from the Extensions Manager.

11:24:21 PDT

Question: How to use bootstrap to return search result in gridview ?

Answer: You can include Bootstrap table c lasses in a GridView

11:24:59 PDT

Question: Will you be covering MVC forms entry using Bootstrap?

Answer: Yes, a little. Not in huge depth, but some. Anything specif ic you w ant to hear us talk about?

11:25:33 PDT

Question: If using Web Forms, w hat's the best practice to add Bootstrap c lasses to controls/elements that are addedto the page programmatically (I mean not declaratively)? Is there a way better than hardcoding them?

Answer: One option is to use LESS. I'll be show ing that later today.

11:34:07 PDT

Question: Looking at the Bootstrap Snippet Pack extension it seems to only w ork w ith VS 2012/13 Pro (not

Express).

Answer: Yes, that's true. Visual Studio extensions (other than Web Essentials) require Pro or above.

11:36:14 PDT

Question: ok, really stupid question. How do I create a plain HTML project? I don't see it as an option.

Answer: One way is to create a new ASP.NET application and select the empty template.

11:36:45 PDT

Question: can i take all the 4 lg md sm to target all the 4 sizes in a single div ?

Answer: Yes, one element can classes for all of the diff erent grids.

11:38:28 PDT

Question: how do you get the little page preview er on the right side of the screen?

Answer: That's a feature in V isual Studio 2013 http://msdn.microsoft.com/en-us/library/dn237345.aspx

11:39:35 PDT

Question: Well hello, Chris & Jon Watching f rom Denmark... Have been using bootstrap for about a year. Reallynice, but i miss a larger grid than the col-lg-, s ince a lot of screens is 1920x1080 here in Scandinavia. My solution to

that is simply to add CSS for a col-x l- grid kinda follow ing bootstraps ow n naming convention... Easy peasy!

Answer: Great suggestion - agree!

11:53:51 PDT Question: Of course if you w ork off a customized number of columns, that's going to mess up your integration w ithcustomer Bootstrap themes, isn't it?

Answer: It might, but I don't think many themes rely on grid sizes.

12:04:10 PDT

Question: Is there going to be a demo of using bootstrap w ith mvc 5?

Answer: Yes, later. We're focusing on client side to start.

http://msdn.microsoft.com/en-us/library/dn237345.aspxhttp://msdn.microsoft.com/en-us/library/dn237345.aspxhttp://msdn.microsoft.com/en-us/library/dn237345.aspxhttp://msdn.microsoft.com/en-us/library/dn237345.aspx


13/23


Q A Log




12:21:09 PDT

Question: Is there something out of box to keep a row at the bottom of the screen like a footer ,or we need tocustomize thanks

Answer: See this example: http://getbootstrap.com/examples/sticky-footer/

12:24:04 PDT

Question: I think I missed something. Are the nested row s columns counted as if they belong to the parent column

count or do child row s have 12 columns w ithin the column they are in?

Answer: Every row , nested or otherw ise, gets 12 columns.

12:24:14 PDT

Question: Hello, I'm late w hat vers ion of bootstrap used you??

Answer: Version 3

12:24:25 PDT

Question: Chris = Ninja Master

Answer:

12:25:34 PDT

Question: Just to clarify, is "-pull-6" pushing it over six "cells"? It's not moving it to cell number 6?

Answer: Correct. It's moving it X number of cells.

12:26:57 PDT

Question: What about a row adding up to less than12? do they collapse to nothing? Suppose it is being generated

programmatically and the number required is unknow n?

Answer: The rest of the space is left blank

12:27:11 PDT

Question: Is there a w ay to eliminate the col-xs-#, so that a column is not visible for an extra small device?

Answer: Use hidden

12:31:22 PDT

Question: is there a w ay I could access this w hole program later, and get a better understanding, probably? I think(or am tempted to suspect that) since I missed the initial part, everything else seems difficult for me to grasp.

Answer: It w ill be available in 3 w eeks

12:31:39 PDT Question: Does the _ref erences.js intellisense thing w ork in VS2010?

Answer: VS2010 used a diff erent technique for intellisense

12:31:52 PDT

Question: Very interesting, that's the next thing I w as going to ask. Thank you!

Answer: Aw esome!

12:36:42 PDT

Question: Are you going to talk about modals to edit something?

Answer: Later today

12:41:15 PDT

Question: 3.2 isn't it?

Answer: It is, but w e're not doing anything that's specif ic to 3.2.

12:41:36 PDT Question: I prefer 42

Answer:

http://getbootstrap.com/examples/sticky-footer/http://getbootstrap.com/examples/sticky-footer/http://getbootstrap.com/examples/sticky-footer/


14/23


Q A Log




12:42:02 PDT

Question: Can w e set inputscope w here w e enter text?Answer: inputscope? I'm sorry - I've only dabbled in XAML thus f ar.

12:48:57 PDT

Question: sorry i came so late can you tell me the date of depose the record ?

Answer: We're recording live now . It'll be available f or on demand in three w eeks.

12:49:22 PDT

Question: Sorry , repeating ... w hat is the VOUCHER CODE to enter to claim the 50 points for attending this event?

Answer: BldRspUIBoot

12:49:31 PDT

Question: ok sir thank you so mush

Answer: You're w elcome

12:52:46 PDT

Question: Maybe this is going to get covered in the "Real w orld" section, but I'm still w ondering about making the

"body" tag the container. Is this not a best practice or something? Also, I notice "col -md" is the default - but w hy isthat the default contra "col-xs"?

Answer: We're both pretty sure body tag isn't going to w ork w ell for that - needs to be a block element (div, section,

article, nav, etc.)

12:58:35 PDT

Question: Will this class be view able later for those w ho couldn't make the live session?

Answer: Yes, video + slides + code w ill be available

13:07:04 PDT

Question: w here can I get one?

Answer: Bing search

13:08:22 PDT

Question: Can you let me know how i can access the video later .Answer: The same shortcut link w ill get you here.

13:08:36 PDT

Question: Upgrading through NuGet to bootstrap 3.2.0 puts a new f ile "bootstrap-theme.css" into a Content folder.What is it for? Custom themeing?

Answer: That's it

13:08:51 PDT

Question: w hich one is in the demo?

Answer: It's a generic screenshot.

13:09:26 PDT

Question: While enjoying my meal I wondered if w e w ere a bit off schedule. I believe Visual Studio + ASP.NET w ere

supposed to be covered before the break. Did I miss something.

Answer: We ran a bit long this morning.

13:09:58 PDT

Question: 20 min running sess ion and i think i'm aw ake again... Ready to rule the bootstrap

Answer: Aw esome! I did my 30 this morning.

13:11:09 PDT

Question: how can i access to localhost w ith my mobile to see the result ?

Answer: You'll need an emulator. You could also push out to a staging server on Azure.


15/23


Q A Log




13:12:21 PDT Question: @ChrisH Good to know . I'm good for another 8 hours so run as late as you need to!

Answer: You should be seeing the video.

13:12:55 PDT

Question: Hey. I asked question. Is there a way to use Window s Phone emulator w ithout upgrade to Pro?

Answer: I alw ays suggest people the Visual Studio s ite and see what features are supported w ith each version as I

can't keep them all straight.

13:13:15 PDT

Question: w ould bootstrap w ork w ith SharePoint 2010 asp.net application pages?

Answer: Not really... The problem is it w ouldn't look r ight w ith the rest of SharePoint.

13:15:42 PDT

Question: I must have missed something. I have VS 2013, but I dont see the bootstrap f iles in my MVC projects?

Answer: If you created it f rom scratch in VS2013 they're there. Otherw ise, you'll need to install it f rom NuGet.

13:16:22 PDT

Question: If you edit the bootstrap.css does that change automatically get ref lected by the bootstrap.min.css, or are

those files disconnected?Answer: Disconnected, but there is Minification support in Visual Studio.

13:30:54 PDT

Question: Essentially, you can do more w ith LESS in Visual Studio?

Answer: That's exactly it!

13:31:11 PDT

Question: Is Mobile f irst still the preferred methodology or does it really matter?

Answer: It does and it is.

13:31:28 PDT

Question: hhhhhhhhhhhhhhhhh very funny that's w hy i like to w atch your course you are really amazing teacherthank you

Answer: Thank you!

13:32:12 PDT Question: Is Sass or Less support (automatic compilation of changed .scss files) available in VS?

Answer: We'll talk about all of that in Mod 7

13:32:48 PDT

Question: Is there a template for just an HTML site w ith the Bootstrap goodness already looped in?


13:34:52 PDT

Question: Yeah, both of you are aw esome. I'm glad to be here to watch the stream, to learning these things. I like it.

Answer: Thank you!

13:35:01 PDT

Question: you welcome sir that's the reality also that's the right w ay to teaching

Answer: Gotta have fun!

13:36:39 PDT Question: is it possible to have several scaf fold templates, so you can choose which one each time you scaf fold a

model ??

Answer: It's just the one scaffold


16/23


Q A Log




13:38:30 PDT Question: is it the global for all visual studio or per solution ?

Answer: You can choose either VS all up or per project.

13:41:46 PDT

Question: I'm familiar w ith Bootstrap but this is my f irst time seeing VS - is there a recommended place to learn VS

quickly/easily?

Answer: There's a good number of introduction courses on MVA

13:44:17 PDT

Question: Why bootstrap .js conf lict with ajax.net some time

Answer: Because they w ere developed in parallel. This a big part of the reason for the migration to jQuery, bootstrap

and other standards.

13:48:45 PDT

Question: Is the webforms scaff older the same as the scaff olding in MVC w hen you add a new controller?

Answer: Sort of. Same concept, but done very differently as generating MVC UI and Web Forms UI is very diff erent.

13:52:04 PDT

Question: Are all of these extensions and packages only available on VS 2013? We are still on VS 2010 - can I use

them?

Answer: Some are, some aren't.

14:05:01 PDT

Question: I am very beginner w ith github: I tried to dow nload the Source Code as a zip from the site but I can't open

this f iles (.GITIGNORE) can you help how to open ?

Answer: That file is only used for git, you don't need to open it.

14:34:09 PDT

Question: Sorry if this has been asked - but w hat is the tool at the very right that show s a zoomed out version of all

of the code being w orked on?

Answer: That's a feature in Visual Studio 2013 - code in scrollbar

14:47:11 PDT

Question: For the Accordion, Carousel and Af fix the data section - can this be a partial v iew ?

Answer: Absolutely!

14:47:15 PDT

Question: Probably obvious question but data-spy is an attribute that bootstrap.js interacts w ith?

Answer: Exactly

14:47:28 PDT

Question: Animaniacs - Presidents https://w ww .youtube.com/w atch?v=Vvy0wRLD5s8

Answer: Great episode!

14:47:37 PDT

Question: It is w ork now w ith me "Opening the source code" in fact I had dow nloaded the zip f iles before you startw orking on the modules thanks

Answer: Fantastic!

14:48:05 PDT

Question: is there a way to do a drag and drop sortable listAnswer: Not w ith bootstrap directly

https://www.youtube.com/watch?v=Vvy0wRLD5s8https://www.youtube.com/watch?v=Vvy0wRLD5s8https://www.youtube.com/watch?v=Vvy0wRLD5s8https://www.youtube.com/watch?v=Vvy0wRLD5s8


17/23


Q A Log




14:48:17 PDT

Question: I've had a lot of trouble w ith the scroller stuf f in the past. Almost alw ays came dow n to the ID setups.Answer: It is persnickety.

14:48:41 PDT

Question: In my VS 2012 I could not find Bootstrap in Extensions and updates. I could find only Bootstrap Snippet

Pack. How can I get Bootstrap package in VS 2012?

Answer: Make sure you're looking at online.

14:48:51 PDT

Question: Can each pane be f ed w ith a separate model?

Answer: It could. You could use Html.Action for all of that.

14:49:08 PDT

Question: Can keyboard-only users get to a popover or tooltip?

Answer: You provide a button and it w ill detect the tap.

14:49:27 PDT

Question: is the code for this modal dialog box be available to dow nloadAnswer: The URL for all of the code is on the FAQ tab

14:49:43 PDT

Question: ha - love the alice's restaurant ref

Answer: Aw esome! I love w hen people get the ref erence!

14:49:47 PDT

Question: Wow , thought it w as Thanksgiving for a second.

Answer: Aw esome! I love w hen people get the ref erence!

14:49:57 PDT

Question: Question - time for me to go home - in 3 w eeks w hen the video is available w here w ill it be located?

Answer: Same shortcut URL

14:50:21 PDT Question: w ouldn't it be easier to just set display hidden for the alert and change it in jquery on commit.

Answer: You could have done it that w ay as well. The only issue is the HTML w ould already be there. I like to hide it.

14:50:27 PDT

Question: NICE JOB Chris! A ll that w ith no errors!!11one!1!

Answer: Thanks!

14:50:35 PDT

Question: why not just add the id to the original alert div and use jQuery to .hide()/.show ()?

Answer: I like to hide the HTML

14:50:51 PDT

Question: I thought there was no JavaScript!!! #HashtagAnswer: Bait and sw itch to my bait and sw itch

14:51:09 PDT

Question: how to let the alert close after a couple of seconds?

Answer: There's an attribute f or that, or you could also go JavaScript timer


18/23


Q A Log




14:51:32 PDT

Question: Is it poss ible to programmatically dismiss a modal f rom JS? You might w ant to keep the modal open until,e.g., a "save to server" action completes successfully.

Answer: There's a close function

14:56:20 PDT

Question: can we consider Carousel a multi page loading (caching) as in JQuery Mobile

Answer: Sure!

14:56:34 PDT

Question: Wesley Honeycutt: jQuery UI has draggable and sortable lists

Answer:

15:03:07 PDT

Question: Sir your event is so good

Answer: Thank you!

15:05:02 PDT

Question: Is it possible f or an end user to move a modal around the screen during run time?

Answer: Not out of the box

15:05:06 PDT

Question: thanks for sharing

Answer: You're w elcome!

15:05:14 PDT

Question: I have learned a lot of things today and some nice short cuts in VS thanks guys

Answer: Alw ays love mixing those in!

15:05:37 PDT

Question: guys, for a login... w hich is best having a bootstrap modal or an iframe?

Answer: Really up to you. Depends on the UI you're looking for.

15:06:01 PDT

Question: in that case is it w rong to mix jquery ui w ith bootstrap in that instance?

Answer: Not at all! There may be compatibility issues, but you can use both.

15:06:28 PDT

Question: OMG LESS IS MORE!!!11one!1

Answer:

15:08:02 PDT

Question: love me some command line. this reminds me of Rails.

Answer:

15:15:15 PDT

Question: It's too late, here in Bulgaria. I must go to sleep. I've learned a lots of things. Thanks in advance for therecordings. Good night. P.S. Thank you very, very much!

Answer: Thank you! Enjoy your night!

15:16:29 PDT

Question: Guys, I'm missing a lot of #EverySimpsonsEver here!

Answer:


19/23


Q A Log




15:19:42 PDT

Question: Hello Christopher!Answer: Hi there!

15:22:51 PDT

Question: How do you show the side by side view

Answer: It starts that w ay by default.

15:23:02 PDT

Question: whoa. so, LESS is supported by VS out of the box? w hat is meant by "compiling" the CSS?

Answer: Compiling means it generates the CSS for you.

15:23:17 PDT

Question: its also here in germany to late, I must go to w ork tomorrow .. Thank you very much for you both... can I

see the rest tomorrow ? if yes w here ? thanks you again

Answer: It'll be available in 3 w eeks.

15:25:35 PDT

Question: wow. did NOT know LESS w as built in! missed this f eature. cool.Answer: It's very slick!

15:25:43 PDT

Question: and w here ? do you have any link for me ?

Answer: Same shortcut you used to get here!

15:27:15 PDT

Question: after 3 w eeks w ill you notify us to get recordings?

Answer: You'll receive an email

15:31:24 PDT

Question: ok thank you very much and have a nice day!

Answer: Thank you!

15:32:22 PDT Question: would you call this an application of the separation of concern pattern betw een HTML and CSS /

Bootstrap by using LESS

Answer: Yup

15:37:37 PDT

Question: So, Visual Studio w ill compile LESS files into CSS automatically? W/out any need f or the developer to kickoff that process?

Answer: Automatically occurs!

15:40:22 PDT

Question: Does VS bundle multiple LESS f iles that are imported so that your final page has a single CSS f ile as an

optimization?

Answer: It's generating a single site.css file, w hich is already included in the bundle.

15:40:55 PDT Question: please share session source code urlAnswer: It's on the FAQ page

15:41:38 PDT

Question: I have the same feeling about the "divinitis"

Answer:


20/23


Q A Log




15:41:52 PDT

Question: very nice intro to LESS - real eye-opener!! You could make a whole show on that subject only...Answer: There's certainly a lot w e could cover

15:46:20 PDT

Question: the slow clap ^_^

Answer: Glad you liked it!

16:00:57 PDT

Question: I know you said this at the beginning, but w hat are those huge tablets you guys are draw ing on?

Answer: They're Lenovo W530 laptops w ith Planar PCT 2785 displays

16:02:01 PDT

Question: First of all, great event! Back to the grid system, can I center a .col-md-3 w ith bootstrap w ithout using tw o

empty elements w ith .col-md-5 to the left and right?

Answer: Yes, there are of fset classes for that http://getbootstrap.com/css/#grid-offsetting

16:03:36 PDT

Question: is it possible to alter the value of the LESS variables in my ow n less fi le ? and thus fx changing the dangercolor etc

Answer: Definitely - you can modify all the varibles

16:06:29 PDT

Question: Thanks Guys , Gotta Run - that w as great! I w ill have to go back and v iew the broadcast again.

Answer: Thanks!!

16:06:38 PDT

Question: z_z huh w hat listen w hat?

Answer: I'm not listening!

16:06:52 PDT

Question: Great stuf f gentlemen, thanks!

Answer: Thanks!

16:06:56 PDT

Question: Leaving now . Thanks both for this w onderful session. definitely benefited a hell lot!!

Answer: Thanks!

16:07:00 PDT

Question: Back to LESS, you don't need anything extra to condense the divs into sections and articles? Just thecorrect syntax?

Answer: Correct!

16:07:06 PDT

Question: Yes We are !!!

Answer: Aw esome!

16:07:15 PDT

Question: Still listening!Answer: Aw esome!!

16:15:59 PDT

Question: Great job! Are you planning on covering Angular?

Answer: There is an SPA course in the w orkds

http://getbootstrap.com/css/#grid-offsettinghttp://getbootstrap.com/css/#grid-offsettinghttp://getbootstrap.com/css/#grid-offsettinghttp://getbootstrap.com/css/#grid-offsetting


21/23


Q A Log




16:16:04 PDT

Question: I am still here. Fantastic session!Answer: Aw esome!

16:17:30 PDT

Question: Earlier you show ed using diff erent bootstrap themes and did so by just overw riting the bootstrap CSS files

in the project. You mentioned you'd show us a better w ay to do change the themes. What w as the "better" w ay?

Answer: Overw riting the files is w hat you'll do w hen you're importing a new theme. If you're looking to customize itcreate your ow n CSS f ile.

16:18:13 PDT

Question: Just got here. Missed the beginning. Does bootstrap come w ith VS 2013 web essentials / installs w ith

nuggets or do you have to dow nload from the bootstrap site?

Answer: Web Essentials adds some additional IntelliSense; you can get Bootstrap from NuGet or w ith the default

project templates.

16:18:38 PDT

Question: think change some colors just f rom diff erent event or change theme w hen is like some holiday and change

back after event is overAnswer: Exactly!

16:18:50 PDT

Question: Looking forw ard to an SPA course. I just w atched the "AngularJS in 60-ish minutes" video and it looked

great!

Answer: Awesome! Thanks!

16:19:08 PDT

Question: Joking aside, it has been a great session guys. Well w orth the staying late here in Indy at the off ice to

w atch the last pieces.

Answer: Thank you very much!

16:20:54 PDT

Question: it may be a bit of f topic but one of the themes you've show n had some nice charts in it. Is there a charts

plugin you can recommend for creating good looking, animated charts?Answer: They came from Bootsw atch and the Bootstrap Gallery

16:22:18 PDT

Question: I caught that Jon. Scott posts "every 10 minutes about Azure". It does get updates that f ast, doesn't it! =)

Answer: Boom! There goes another release!

16:22:40 PDT

Question: You site http://w eblogs.asp.net/jongallow ay show s some html on top

Answer: I fixed it - that w as from renaming the style tag to style-foo so it w ouldn't be applied.

16:23:00 PDT

Question: the settings page on s ite that Jon just show ed -is that something available to everyone ?

Answer: No, that's the admin page for my blog.

16:27:47 PDT

Question: @Jon Thoughts on Orchard CMS? I've done a few DotNetNuke sites in the past. Looking for comparison.

Answer: I've been really happy w ith it lately. They've made a lot of nice changes and updates over the past year.

16:29:24 PDT Question: @Jon Ah, good to know ! I think I looked at it like 2-3 years ago and it felt clunky. I just didn't know w here

to begin. I'll revisit it. Thanks for the info!

Answer: I had the same reaction earlier, but it's really come a long w ay.

http://weblogs.asp.net/jongallowayhttp://weblogs.asp.net/jongallowayhttp://weblogs.asp.net/jongallowayhttp://weblogs.asp.net/jongalloway


22/23


Q A Log




16:33:00 PDT Question: Bootstrap looks to stop me f rom having to write a bunch of JavaScr ipt...since as you state, it's just HTML

and CSS really that you manipulate.

Answer: That's the point!

16:33:07 PDT

Question: Very good and informative presentation guys . I w ish there w as w ay more examples of integratingw ebforms (server-side) w ith bootstrap. Silverlight might be dead, but not w ebforms.... many companies using them

still..... Best regards !

Answer: Thank you!!

16:36:03 PDT

Question: @Chris A ll good. I love w hen the pros show make mistakes and dig out of them. It show s a human side.

Really god stuff overall!

Answer: Thanks!

16:38:06 PDT Question: Can I use CDN w hen I have customized (only a few LESS f iles) bootstrap css?

Answer: You use a CDN for the common files, and your ow n server for your customizations.

16:41:58 PDT

Question: What lesson are w e on right now ?

Answer: Last one - Bootstrap in the real world

16:49:53 PDT

Question: Can you post the event link f or SignalR w ith Gallow ay ?

Answer : http://aka.ms/AspNet-SignalR

16:50:07 PDT

Question: Guys, you did a great job and it w as a pleasure. Thanks for putting this together!

Answer: Thank you!!

16:50:15 PDT

Question: 2:00 Am but nice w ork guys

Answer: Thank you!!

16:50:26 PDT

Question: Thanks to both of you for such a nice show !!!

Answer: Thank you!!!

16:50:42 PDT

Question: Just a feedback: SignalR event is not in the index of Microsof tVirtualAcademy.com page.

Answer: Thank you! It'll be coming soon!

16:51:11 PDT

Question: thank you,, a shame i missed the 2am start here in aussie,, can't wait for the demand,, thanks again

Answer: It'll be there in three w eeks!

16:51:15 PDT

Question: Thank you! Great presentation.

Answer: Thank you!!

16:51:21 PDT

Question: Fantastic jump start guys! Bootstrap Grid/ CSS w ith LESS topics w ere aw some! Thank you!

Answer: Thank you very much!!

http://aka.ms/AspNet-SignalRhttp://aka.ms/AspNet-SignalRhttp://aka.ms/AspNet-SignalRhttp://aka.ms/AspNet-SignalRhttp://aka.ms/AspNet-SignalR


23/23


Q A Log


16:51:34 PDT Question: Nice show , thanks guys!! 2 am here in Denmark, so i'll hit the bed... Ver y much looking forw ard to your

AngularJS show - it's been on my "need-to-know !" list f or a w hile

Answer: Thank you!! And there's an SPA one coming eventually!

16:51:38 PDT

Question: Thank you from Charleston, SC

Answer: Thank you!!

16:51:45 PDT

Question: Also I think it's pronounced "signaler"

Answer:

16:51:53 PDT

Question: I've w atched this f rom 5PM in the of fice it's now almost 1AM and I'm casting it to my TV in the bedroom.

Great stream, picked up loads of cool new things. Thanks guys

Answer: Thank you!!

16:53:59 PDT

Question: BTW : Module 5 JavaScript is not yet added to Github ThanksAnswer: Duly noted. Thank you!!

16:54:08 PDT

Question: Really looking forw ard to an AngularJS session of the same quality.

Answer: Thanks!

16:54:13 PDT

Question: Thanks guys, have a good night, bye f rom Belgium

Answer: Thank you!!

16:54:19 PDT

Question: Thank you - really useful!Answer: Thank you!!

16:55:00 PDT

Question: please show dow nload link again

http://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIThttp://aka.ms/BootstrapMVAGIT

public qa log building responsive ui with bootstrap jump start

Documents