Building Responsive UI with Bootstrap Jump Start Q&A Logdownload.microsoft.com/download/D/D/D/DDDEB7F6-E516-4B56-A000... · Building Responsive UI with Bootstrap Jump Start Q&A Log

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 raring 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 f itting in a module from http://w w w.microsoftvirtualacademy.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 from 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-mvc

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


Q&A Log


08:52:52 PDT Question: Greetings from Copenhagen, Denmark - Your recent show introducing Bootstrap promises for an ejoyable

evening w ith you, MVA, - and Bootstrap

Answer: Hi Michael are you w atching both sessions at once today? Hard core!

08:53:02 PDT

Question: Hi, guys from Ammerzoden, Holland

Answer: Hi Remko!

08:53:22 PDT

Question: cant see

Answer: If refreshing your brow ser doesn't w ork, w e can assist from the Help tab.

08:53:59 PDT

Question: I w ould live to give a shout out to George mcw illiams

Answer: @ George

08:54:17 PDT

Question: GM Everyone! This is Sanjeev from India..

Answer: Hi Sanjeev!

08:54:43 PDT

Question: I missed last training. Can I have toturial dow nload

Answer: We post the recordings about 2 w eeks after w e do them live.

08:54:58 PDT

Question: Hello from Perú

Answer: Bienvenido!

08:55:36 PDT

Question: so w hat is everyone studying w orking on??CompTIA sec+ here

Answer: Sounds like a serious project!

08:55:42 PDT

Question: As it's midnight ++ here, forgive me if don't partcipate too much. I may have fallen asleep

Answer: We'll try to keep you aw ake

08:56:38 PDT

Question: Hi! I have to leave a very sad half hour into the video, but I'm w orking on exactly this topic right now and really don't w ant to w ait 2 w eeks for this to be published. Is there any w ay you recommend I can record the video? I

can leave me PC on... Thank you!

Answer: Camtasia by TechSmith is a useful tool for recording video.

08:56:52 PDT

Question: Hello !! Good afternoon from Brasil ! ;D

Answer: Hi Marcos!

08:57:07 PDT

Question: Hey from Jersey!

Answer: Hey, I w as just there (on vacation)

08:57:54 PDT

Question: helllllllo everybody !! w hat is requirment for this sessions?

Answer: Basic know ledge of CSS/HTML/JavaScript


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? Answer: http://aka.ms/BootstrapMVAGIT

09:17:52 PDT

Question: please put in link of information again


09:18:05 PDT

Question: I got the f irst 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 Tw itter developers

09:24:07 PDT

Question: Sorry for 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 via 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/BootstrapMVAGIT





http://getbootstrap.com/

http://vswebessentials.com/


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 site. 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 <nav>?

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: w as 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 if

client/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 for 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 f lying 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 visit our country and inspiring our Microsoft user

and developer........

Answer: Thanks!


Q&A Log


09:34:23 PDT

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

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 via NuGet - http://w ww.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 possible 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 grid

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 zipped

f ile, it is almost empty and in each directory there is only a f ile called .gitignore Answer: 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://www.nuget.org/packages/bootstrap/

http://getbootstrap.com/getting-started/#support

https://github.com/GeekTrainer/BootstrapMVA/


Q&A Log


10:05:49 PDT

Question: Hi previously JON only replaced the existing CSS files w ith CSS of a particular theme and w ithout refreshing the brow ser the changes reflected how it happened? You missed to cover that point.

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

10:13:34 PDT

Question: can w e 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 successfully

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 in

Visual 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.


Q&A Log


10:19:50 PDT

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

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 f ind 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 f ind 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 f ind 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 / Off ice 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/


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 a nice 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 presume

I 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 for 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 keep

getting 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 f ixed in v3.0.3.0 for 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 class before using it? Answer: Should be built in.

10:47:18 PDT

Question: w hen i install bootstrap in visual studio 2013 using nuget, but jquery ui old styles get affected so , w hy so?

Answer: There's a conflicting class.


Q&A Log


10:47:27 PDT

Question: I think I saw that your Bootstrap version is 3.0 - you should show how to update the Bootstrap package to 3.2.0 using VS.

Answer: If you go to NuGet and click Update.

10:47:45 PDT

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

Answer: I am.

10:48:04 PDT

Question: can w e 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 button Answer: You could do that by updating the class to the color you w anted, or add a new class w ith the color.

10:50:12 PDT

Question: should I use nuget for getting bootstrap for each single project or can I put it somew here 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. for 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.


Q&A Log


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

Answer: It should be.

10:54:19 PDT

Question: <span class="glyphicon glyphicon-calendar"></span>< span class="glyphicon glyphicon-thumbs-

up"></span>

Answer: Not sure w hat w ent sidew ays. :-/

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 for 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 w e use bootstrap framew ork not other like foundation framew 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, w here and w hen?

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

10:58:28 PDT

Question: w hen 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 Half lings set.

Glyphicons Half lings are normally not available for free, but their creator has made them available for Bootstrap free

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!


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 function.

11:01:20 PDT

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

know ledge. .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 to

make 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 f iles 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 files 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 I

comment/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 w e use them and w hta is the

difference

Answer: Extensions manager modif ies 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!


Q&A Log


11:10:53 PDT

Question: Thanks Answer: 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 classes 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 classes to controls/elements that are added

to the page programmatically (I mean not declaratively)? Is there a w ay 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 w ay 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 different 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 Visual Studio 2013 http://msdn.microsoft.com/en-us/library/dn237345.aspx

11:39:35 PDT

Question: Well hello, Chris & Jon Watching from Denmark... Have been using bootstrap for about a year. Really

nice, but i miss a larger grid than the col-lg-, since a lot of screens is 1920x1080 here in Scandinavia. My solution to

that is simply to add CSS for a col-xl- 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 ith customer 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.aspx


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 w e need to customize 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 version 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 diff icult for me to grasp.

Answer: It w ill be available in 3 w eeks

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

Answer: VS2010 used a different technique for intellisense

12:31:52 PDT

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

Answer: Awesome!

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/


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 far.

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 for 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 is

that 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 file "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 w ondered 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 session and i think i'm aw ake again... Ready to rule the bootstrap

Answer: Awesome! 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.


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 w ay to use Window s Phone emulator w ithout upgrade to Pro?

Answer: I alw ays suggest people the Visual Studio site and see w hat 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 right 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 from scratch in VS2013 they're there. Otherw ise, you'll need to install it from NuGet.

13:16:22 PDT

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

those f iles disconnected? Answer: Disconnected, but there is Minif ication 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 teacher

thank you

Answer: Thank you!

13:32:12 PDT Question: Is Sass or Less support (automatic compilation of changed .scss f iles) 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 w atch the stream, to learning these things. I like it.

Answer: Thank you!

13:35:01 PDT

Question: you w elcome 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 scaffold templates, so you can choose w hich one each time you scaffold a

model ??

Answer: It's just the one scaffold


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 conflict w ith 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 w ebforms scaffolder the same as the scaffolding 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 different.

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 f ile 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 Aff ix the data section - can this be a partial view ?

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 y ou start

w orking on the modules thanks

Answer: Fantastic!

14:48:05 PDT

Question: is there a w ay to do a drag and drop sortable list Answer: Not w ith bootstrap directly

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


Q&A Log


14:48:17 PDT

Question: I've had a lot of trouble w ith the scroller stuff 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 f ind Bootstrap in Extensions and updates. I could f ind 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 fed 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 nload

Answer: 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: Awesome! I love w hen people get the reference!

14:49:47 PDT

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

Answer: Awesome! I love w hen people get the reference!

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 w ell. The only issue is the HTML w ould already be there. I like to hide it.

14:50:27 PDT

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

Answer: Thanks!

14:50:35 PDT

Question: w hy 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 w as no JavaScript!!! #Hashtag

Answer: 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 for that, or you could also go JavaScript timer


Q&A Log


14:51:32 PDT

Question: Is it possible to programmatically dismiss a modal from 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 w e 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 for 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 the

recordings. 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:


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: w hoa. 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: w ow. did NOT know LESS w as built in! missed this feature. 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: w ould 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 for the developer to kick

off that process?

Answer: Automatically occurs!

15:40:22 PDT

Question: Does VS bundle multiple LESS files that are imported so that your f inal page has a single CSS file as an

optimization?

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

15:40:55 PDT

Question: please share session source code url Answer: It's on the FAQ page

15:41:38 PDT

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

Answer:


Q&A Log


15:41:52 PDT

Question: very nice intro to LESS - real eye-opener!! You could make a w hole 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 offset 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 f ile ? and thus fx changing the danger

color 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 view 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 stuff 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 the

correct syntax?

Answer: Correct!

16:07:06 PDT

Question: Yes We are !!!

Answer: Awesome!

16:07:15 PDT

Question: Still listening!

Answer: Awesome!!

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-offsetting


Q&A Log


16:16:04 PDT

Question: I am still here. Fantastic session! Answer: Awesome!

16:17:30 PDT

Question: Earlier you show ed using different 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 f iles is w hat you'll do w hen you're importing a new theme. If you're looking to customize it

create your ow n CSS file.

16:18:13 PDT

Question: Just got here. Missed the beginning. Does bootstrap come w ith VS 2013 w eb 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 from different event or change theme w hen is like some holiday and change back after event is over

Answer: 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 off 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 fast, 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 f ixed 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 site 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/jongalloway


Q&A Log


16:33:00 PDT Question: Bootstrap looks to stop me from having to w rite a bunch of JavaScript...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 integrating

w 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 All 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 files) 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 w orld

16:49:53 PDT

Question: Can you post the event link for 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 MicrosoftVirtualAcademy.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 w ait 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-SignalR


Q&A Log


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

AngularJS show - it's been on my "need-to-know !" list for 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 from 5PM in the off ice 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 Thanks Answer: 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 from 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



Documents

Building Responsive UI with Bootstrap Jump Start Q&A Logdownload.microsoft.com/download/D/D/D/DDDEB7F6-E516-4B56-A000... · Building Responsive UI with Bootstrap Jump Start Q&A Log