You know it’s a good day when @iamtimcorey posts a video. Idk how rewarding these videos are for you personally but your videos & responses encourage me to keep pushing. I wish there were more RUclips channels like yours. You take the time to explain concepts rather than just telling people to do it your way. Most people don’t understand how important that information is in the real world.
Clear language, well articulated and straight to the useful stuff. Tim is the best. I am new to mvc but this has given me the background i needed to be productive immediately. Thank you
Tim , your videos feel like they are 10min , i can watch and learn non stop with you. Your ability to capture ones attention is amazing, you have a gift.
Hi Tim, I really love your videos as always. The way you talked very detail for me and I believe for all people that want to learn the programme. Thank you so much for your limit time to make these beautiful things for us 😊. Really appreciate that.
"The best way to learn C# is to practice building projects." - Tim Corey uff right at this point i realized all this time i been typing your surname with double "r" sir. Ironic after you mention practicing haha. Thanks for all these quality content.
Tim, I've watched a few hundred videos over the past year to teach myself C#. You are an excellent teacher and always have great videos. I love your long and detailed tutorial series like the tournament tracker and retail manager. Right now, nobody has a great tutorial series for Asp.Net Core, Entity Framework Core, SSMS, MVC (or Angular?
Thanks for the suggestions. I do have a "Getting Started with .NET Core" course, as well as a SQL Developer from Start to Finish course that covers SSMS (and soon SSDT as well). I have an add-on course to my C# Application from Start to Finish that replaces the UI with ASP.NET MVC. You can find these and more at www.iamtimcorey.com/courses As for a real-world application that shows full-stack development with an API, I'm currently doing that with the TimCo Retail Manager series here on RUclips. Right now the front-end UI is WPF but we will be adding an ASP.NET MVC site to it soon. The goal is to build up an application in the .NET Framework and then convert it over to .NET Core (mimicking what you will probably have to do in the real world).
Hi Tim Corey! Nice to meet you. I'm from Brazil . I discovered this wonderful channel and learned a lot in this class about Bootstrap. Thank you so much!
The Browserlink functionality is a bit different in VS2019 16.4. I had to install 2 NuGet packages (Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation, Microsoft.VisualStudio.Web.BrowserLink) Alter Startup Configure method with app.UseBrowserLink() below app.UseDeveloperExceptionPage(); Alter ConfigureServices method by changing services.AddControllersWithViews(); to services.AddControllersWithViews().AddRazorRunTimeCompilation(); The refresh on save doesn't work but clicking the refresh browsers button does.
Great Video Tim, I wish you did this 2 years ago - would of saved me a lot of time. Are you gonna continue this MVC theme and add a database, pages etc, templates etc? hope so!
Intro to Bootstrap in ASP.NET MVC and .NET Core is a good video to get started with Bootstrap. But throughout, you always hard-code that data. Can you make an Intro to Bootstrap with Razor in ASP.NET MVC and .NET Core video, and show how to bring in data from a database onto a web page ? Maybe include best practices by using a repository class to access the database.
I'll be doing a start to finish course on building an ASP.NET Core web app soon. As for using a repository class or database access, the UI doesn't need to know about that. It just needs to know that it asks for models and it gets them. It doesn't need to care about direct data access.
Today i used the alert class in bootstrap and made the alert more dynamic. I used the ViewBag to carry a custom AlertModel that holds messageType, messageTitle, and the message. The messageType is the bootstrap class that i want to use for the alert (ie alert-success, alert-danger), the messageTitle is what i want to showup in bold, and the message is well, the message. I then put the alert Div in the layout page and using the custom AlertModel i can pass alerts to the same place on my site using business logic on the backend. The default instance of AlertModel.messageType uses the d-none class in bootstrap so by default that div is not displayed.
Hi Tim. Your videos have been very help helpful. I was wondering if you can make a video on creating a WinForm application with a webview example. I've been trying to create an application to show a map (using leafletjs and openstreetmaps). I want to display a map and plot a route based on lat, lon and elevation. The ultimate goal is to synchronize a video with map coordinates. Thanks again. Peter
Yes please. I would like to know how can I make a page with another reuzable components as React. MainCompomnent > CategoryComponent, ProductComponent. this 2 components connected to database with their corresponding Controller. I know that ViewComponents and Partial Components do that. But I don´t know if you can create the controllers of this componentes and call them normally as another component. But how can we call them from Main Component?
Tim Awesome, another well done and informative video that you're known for. I was wondering, I don't have anything to try this out on right now, but in a table where you might want to change the color of a certain row, is it possible to change the color of the row dynamically within the class div based on a conditional if statement, based on a value or would this have to be done in a jquery class? thank you for your help.
Hi Tim, Thanks for the video, great as always. The auto-updating of the website whilst working on it and making saved changed appear instantly seems to not be working at my end, unfortunately. I don''t know why, the extension is visible in the Extensions section from the Tools menu. But ther is no suggestion there that indicates its not working like it should, except for the presence of the Disable button not being grayed-out if that any indication. Maybe I'm not the only one having that problem...
There are a couple things it could be. First, do you have browser sync turned on? Next, is the browser you are opening in being registered (it is in the list of synced browsers)? Check those two things and, if they are true, try to reload the extension.
I used the new keycombo Ctrl+Alt+Enter as Microsoft revealed in its pop up announcement and that worked, whereas I assumed it would be Ctrl+S or Ctrl+Shift+S. So problem solved.
Don't race too fast. Make sure to spend the time to really learn the topics. It took me 20+ years to get here. I'd love to reduce that time for you by a lot but it will still take time.
I pasted 3.x.x version of one bootswatch template and still the template is not taking effect. I checked, both ASP.net and bootswatch's bootstrap version is 3.4.1. Can somone please help? Thanks
I started learning C# with game development, now I wanna expand towards making web apps. This was a great video for beginning. However, I have a question. How do I start using C# with Bootstrap? Can you direct me to a video or documentation? Keep up the good work!
Check out this video: ruclips.net/video/68towqYcQlY/видео.html It walks you through an intro of Razor Pages, which use Bootstrap for laying out the data.
@@IAmTimCorey I asked because one of the Azure Dev Ops tutorials mentioned it, so I read more about it and apparently it is a popular tool. I was trying to see if I need to know something about it if I want to develop C# and .net or not. Based on you answer I am assuming whatever testing you do for the ASP.NET applications uses XUnit. Thanks.
Hey Tim, do you think you can do a combination of this video and your ASP.NET model forms video so we can see how to go about styling the model's edit/add pages? BTW you are, hands down, the best at explaining different concepts!
Install the Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation then in the Startup.cs file in the ConfigureServices method add ".AddRazorRuntimeCompilation();" to the services.AddRazorPages() So you should see services.AddRazorPages().AddRazorRuntimeCompilation(); This worked for me.
Hi Tim, just watched the video and found your intro quite useful. I haven't tried applying a new theme yet since you mention deleting the bootstrap mapping files etc since they won't properly map to the changes you are making, however I don't think you covered how those would be regenerated? Would they auto-generate if you rebuild the solution or is there something else you would have to do?
If you want to do it yourself, just create your own custom CSS to override what Bootstrap provides. That is all a theme is - a custom CSS file. You can definitely do it on your own.
Hey Tim. Any idea why when I have the same html with bootstrap code and I just copy and use it with asp.net, the font size and overall website layout for the asp.ney become smaller and certain features went missing?
Question: When you first created the table, why was it squished into one column? You clearly put it in a 12-wide column. Will bootstrap not let you use different widths on different rows?
Hey Tim. I'm always excited when I need to learn something new and I see you've posted a tutorial on it. Another great video as usual. I was wondering, do you know if the browser sync and reload on save are functional in VS2019? If so, does it require additional plugins? I've seen a few other viewers ask this question, but thought there may be an update on this issue. Thanks in advance.
I was working with bootstrap 3 in visual studio for an MVC application. later I have updated bootstrap to version 4.5 and tried with certain changes in bootstrap 4.5 but it's not working in my application. View is not responding to bootstrap 4.5 keywords. I have tried to use flex but it doesn't make any change. Is there anything else I need to check after updating via nuget packages.? Could you please help me ?
It is a lot of work to upgrade to Bootstrap 4.x in a .NET Framework project. If you upgrade the NuGet package, you will also need to do a project rebuild to make sure it clears out the old references. Then, you will need to change all of the references over to Bootstrap 4 versions.
I have a question. How can somebody use boot strap on an existing web app that did not have it. For example, I have a web app that was originally a web api app then found out that pages had to be created too and did not want to have to create an entirely new site to use it. Is it possible to download the files somehow or is a person forced to create a new web app to have boot strap?
You can add it later without much trouble. Just add the references on your index page (or wherever your CSS and JavaScript files are added) and then just start working with it. Here is the link to how to get started: getbootstrap.com/docs/4.3/getting-started/introduction/
@@IAmTimCorey do you think you can do a video to convert a web api aspnet core app to one that uses razor pages and bootstrap without having to create an entirely new website.
X Server is down for maintenance. I tried to use this code in bootstrap 4.5.2 version,but it doesn't work. There is an option with modal but it is a popup window. I don't know if they remove that option or the code is wrong?
I am working on a C# MVC WebAPI project where bootstrap css is imbedded throughout. I would love to bring CSS Grid into some of the views. Can the 2 coexist well? What's the thinking on this?
Now that I've gotten deeper into this, I guess this was a stupid question. CSS Grid is CSS and Bootstrap is CSS so they can work together but, yes, the settings, oh those settings. They are endless and confusing and then you add in the @media and collapse and Razor and so on... It is a mind meltdown. Where is the answer to simple web-enabled screens? I love WPF but that isn't the answer on the Web. What is?
Tim Corey, thanks for your content. I usually listen to it on the way to work. I attempted to use the reload on save module, but it's not working. I am using a ASP.NET MVC project in VS 2017 Community. I think my problem is that browser link isn't working. Is that because community doesn't support browser link?
Hi Tim, Thank you for the content sir. I am so happy to have access to these, and have the time to go through them. Could you tell me if the bootswatch version has to match the bootstrap or not?
The theme has to be built for the major version of Bootstrap that you are using. So if you are using Bootstrap 3.7, the major version is 3. That needs to match the version that the theme was designed for (even if the theme was designed for 3.3, it would work just fine).
I think it would be great to see a video on the mingling of bootstrap, asp.net, and MVC. In other words, how is bootstrap used in the process of building a asp.net application. Thanks.
I do have a video called Intro to ASP.NET MVC which I believe shows you how Bootstrap fits into the larger whole. I also have the add-on course for the C# Application from Start to Finish course that creates a full UI in MVC including some Bootstrap changes.
I am watching your video and trying to practice what is in. It seems like what ever I do to make a change on the page doesn't work. Would you please walk me through that
But MS is working right now to make this no longer true, right? Blazor with client side rendering using Mono over WASM is in the works as we speak. Then we can finally get rid of that blight known as Javascript and use a real language on both server and client. And you can get started now with server side rendering and then switch over to client side once it's fully baked. There is also a 'blazorstrap', but it's straightforward to create custom components in Blazor, so honestly I'd probably not bother with it. Still, it could be a good transitional tool I guess.
Here is my take on that: JavaScript will be around for a long, long time. Even if Blazor stabilizes and becomes a widely accepted front-end tool, it will have a long way to go to becoming the dominant web framework. I would not put all my hopes in a framework that isn't even at version one yet. People did that with Silverlight for the exact same reason (a WPF experience on the web). My guess is that Blazor will be supported by Microsoft for longer than Silverlight but that it will become a niche tool rather than the ultimate tool that replaces all others. It seems too heavy for that.
By 'we' I meant those of us who don't want to be programming in the Basic of web development for the rest of our lives and who want to use a real language. I'm sure plenty of people will continue to use it. Not that we should celebrate or encourage that, given the last thing we need is to encourage amateurish code all over the internet (that we will all be subjected to.) And javascript absolutely encourages that (though obviously not every one uses it is writing amateurish code.) The big thing that Blazor (and just in general .Net on Mono on WASM) has over Silverlight is that it no longer needs any engine to be installed. It can be delivered to a browser directly. Silverlight was doomed by requiring it to be installed separately. And of course it doesn't have to continue re-delivering the .Net engine over and over every time you hit a new site that uses that same version. The other thing that is going to make a difference, it seems to me, is the work they are also doing on supporting cross platform native app development based on these same tools. I'd be just as happy to get rid of the browser along with javascript, since then javascript has absolutely zero usefulness and the ridiculous limitations of the browser can be done away with as well. If I can build from a single code base and deliver native apps into the stores for the major platforms, I'd very much be happy to never deal with another browser again. And, of course, if you could also deliver a browser based version of the same client application from the same code base, that would for a lot of folks be an even bigger incentive.
@@CharmedQuarkSystems Hey, dont want to look like Im hijacking users but If you're really keen on blazor you should definitely check out Edward Charbeneau channel! mainly client side blazor but he goes deep into razor components too!
Thanks for the tips for installing extensions, that will definitly improve our productivity - just wondering do you have this tip in another video by itself too? So it will be easier for people to keep track of these advises and its not hidden under another video title (bootstrap in asp mvc :) ).
Depends. I'm assuming you mean .NET Core Razor pages vs .NET Framework ASP.NET MVC. If you are only doing new development, .NET Core with Razor pages is probably the way to go. Any development that needs the full framework or that needs to work with existing code should probably be in MVC.
As usual, I loved the video. I do however have a few questions: 1. In the beginning of the video you showed us the bootstrap class "row" and that it contained up to 12 columns. Is there a place to specify the number of columns or are there always 12 columns? 2. Since CSS3 added its own grid as well as the new Flexbox feature does that make the bootstrap grid obsolete? 3. Does bootstrap remove the need to use CSS media queries for different size devices? Thanks
The row is always 12 columns. You can set divs to use more than one column so you can divide the section in half, in thirds, in quarters, or in sixths. The Bootstrap grid isn't obsolete but it is possible to more easily do grids without Bootstrap. Bootstrap uses media queries for different sizes. You can tap into those.
just curiosity, where are you from ? I use to understand better the englis accents like yours. I'm brazilian and has a few days I'm searching for videos how to use bootstrap with asp net and didn't found any good contents in potuguese. Thank you .
need create a website not sure what to use. asp.net core mvc or blazor(choice 2 diff hosting options) . needs to be responsive and extra secure as it will be alowing uploads. do u have any videos talking about things like this or can u advise what u would have chose? not surr if there is other .net frameworks should be considering .
I have a whole course dedicated to the five different web project types in .NET Core and which one is right for which circumstances: www.iamtimcorey.com/p/getting-started-with-aspnetcore
hellooo i am new to coding and learned a few things in C#, Should i learn to code in .net core or in .net framework. cuz i need alot of good information on how to code. since .net core is not mature yet, it will be hard to find good instructions. Also i really apriciate all of your videos, big thumb up Tim :)
When you build applications, build in .NET Core. However, you can still learn from .NET Framework videos and resources. The changes are minor enough that you won't have trouble translating what you learned. C# itself hasn't really changed from a code perspective. It is the behind the scenes changes that are the biggest improvements.
No. My recommendation is that if a project uses Bootstrap 3, keep it there. Don't try to upgrade it. An upgrade is basically a full redo, and don't forget that the identity pages use Bootstrap 3, so you would need to override each identity page if you were using authentication.
@@IAmTimCorey Actually my question was: How to use a Bootstrap 4 template in an ASP.NET MVC project? Just to be clear, the project does not exist at the moment.
Thanks for the guide. Just some warning.. this is for .Net Framework. I Started as .Net Core because i'm more used to it but, Browser Live update doesn't work and also de project Folders and layout are not the same.
Yep. Plus .NET Core uses Bootstrap 4, whereas .NET Framework uses Bootstrap 3. This video touches on that but mainly focuses on Bootstrap 3 and the .NET Framework.
@@IAmTimCorey Was still very helpful. However, in .NET Core web app, changing the bootstrap.css to another theme seems to have no impact on the page, even after a clean and rebuild.
m = model view = Template to render C = (response to the router) and do the logic then render the the template (view) may be im wrong but when i think on this way its make mvc simple to my brain i prefer view = template
MVC breaks the UI layer into three parts based upon three distinct tasks. Models hold data. Views display data. Controllers coordinate processing the data.
@@IAmTimCorey You should for sure do that! You could post a curriculum with these free videos from youtube to gain larger followers. Thank you again for these videos!
Definitely. If you don't want to do that all the time, you can also open the dev tools (F12) and right-click on the refresh button and say empty cache and reload. Good for a quick fix of a site that is cached. I'll be doing a tips video covering these topics and more.
Did you make sure you included the link to load the icons into your application? Did you verify you were asking for the right icons? Did you open up the browser developer tools (F12 in Chrome) and look at the Console to see if there were any errors when rendering your page?
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
You know it’s a good day when @iamtimcorey posts a video. Idk how rewarding these videos are for you personally but your videos & responses encourage me to keep pushing. I wish there were more RUclips channels like yours. You take the time to explain concepts rather than just telling people to do it your way. Most people don’t understand how important that information is in the real world.
I agree man, Tim is doing a great job and its nice to see his channel is growing.
I appreciate the kind words from both of you.
Clear language, well articulated and straight to the useful stuff. Tim is the best. I am new to mvc but this has given me the background i needed to be productive immediately. Thank you
Awesome!
Tim , your videos feel like they are 10min , i can watch and learn non stop with you. Your ability to capture ones attention is amazing, you have a gift.
Thank you!
0:00 - Intro
1:05 - Creating demo ASP .NET Framework app
2:52 - Visual Studio plugin: Web Essentials
8:16 - Browser link: browser sync
11:28 - Bootstrap in ASP .NET MVC
13:42 - Bootstrap clean up
15:19 - Getting help with Bootstrap: Bootstrap documentation
17:45 - Index page
19:23 - Bootstrap in bundle configuration
20:12 - Bootstrap: Grid
32:54 - Bootstrap: Table
42:20 - Bootstrap: Blockquote section
44:01 - Bootstrap: Buttons
46:53 - Layout depended element visibility
54:05 - Alert style class
59:18 - Adding custom fonts: Font Awesome
1:04:58 - Using Font Awesome
1:09:43 - Bootstrap themes and templates
1:15:57 - Summary and concluding remarks
Thanks!
This guy speaks well I understand everything he talks.
Excellent!
Hi Tim, I really love your videos as always. The way you talked very detail for me and I believe for all people that want to learn the programme. Thank you so much for your limit time to make these beautiful things for us 😊. Really appreciate that.
You are most welcome. Thanks for watching.
Really appreciated this video. Well paced for learners, good coverage to get folk up and running. Thanks Tim.
You are most welcome. Thanks for watching.
Just three minutes in and I have learned already something valuable.
I am hooked.
Awesome!
"The best way to learn C# is to practice building projects." - Tim Corey uff right at this point i realized all this time i been typing your surname with double "r" sir. Ironic after you mention practicing haha. Thanks for all these quality content.
No worries. And you are welcome.
This video is the best video about bootstrap for Visual Studio ASP net MVC projects, thank you very much.
Thank you!
Tim, I've watched a few hundred videos over the past year to teach myself C#. You are an excellent teacher and always have great videos. I love your long and detailed tutorial series like the tournament tracker and retail manager. Right now, nobody has a great tutorial series for Asp.Net Core, Entity Framework Core, SSMS, MVC (or Angular?
Thanks for the suggestions. I do have a "Getting Started with .NET Core" course, as well as a SQL Developer from Start to Finish course that covers SSMS (and soon SSDT as well). I have an add-on course to my C# Application from Start to Finish that replaces the UI with ASP.NET MVC. You can find these and more at www.iamtimcorey.com/courses
As for a real-world application that shows full-stack development with an API, I'm currently doing that with the TimCo Retail Manager series here on RUclips. Right now the front-end UI is WPF but we will be adding an ASP.NET MVC site to it soon. The goal is to build up an application in the .NET Framework and then convert it over to .NET Core (mimicking what you will probably have to do in the real world).
clean & detailed. So great RUclips recommend this to me : D You did a great tutorial Tim !
Awesome, thank you!
Tim, you are the best. Please do more tutorials on Asp.Net !!
Thanks! More is coming.
Hi Tim Corey! Nice to meet you. I'm from Brazil . I discovered this wonderful channel and learned a lot in this class about Bootstrap. Thank you so much!
You are most welcome. Thanks for watching.
Finished watching. I learned a LOT! Thank you! 🙏🙏🙏
You are most welcome. Thanks for watching.
I am a great fan of your videos. Keep posting more video.
I'm always working on more videos.
Very high quality video, as always
Been waiting for a video about bootstrap
Thank you so much!
You are most welcome. Thanks for watching.
Now I’m liked your video first and then watch it. Thank you very much for your time to do that!
You are most welcome. Thanks for watching.
Just Wow! Thank you for this tutorial. I really learn a lot.
You are most welcome. Thanks for watching.
Something learned every step of the way. Well done Tim.
Excellent!
Super presentation, clear, and I really felt like it was 1 to 1.
Thank you.
Thank you for putting this lesson together with such great explanations.
You are welcome.
A most useful video tutorial on the subject! Well done!!
Thank you!
Thank you, Tim, awesome video, learned a lot from this video.
You are welcome.
The Browserlink functionality is a bit different in VS2019 16.4. I had to install 2 NuGet packages (Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation, Microsoft.VisualStudio.Web.BrowserLink)
Alter Startup Configure method with app.UseBrowserLink() below app.UseDeveloperExceptionPage();
Alter ConfigureServices method by changing services.AddControllersWithViews(); to services.AddControllersWithViews().AddRazorRunTimeCompilation();
The refresh on save doesn't work but clicking the refresh browsers button does.
Thanks for sharing. I've had some issues with it as well.
I've tried installing both of those packages, and yet, still does not reload on save. Were you ever able to get this feature to function properly?
Thanks Tim, another great tutorial. Please keep them coming!
You are welcome.
Thanks again, real timesaver and many details explained.
Glad it was helpful!
Hope to see more aps .net mvc and bootstraps, i enjoyed every minute of this video :)
Coming soon! Check out the new course I'm launching on RUclips this Monday. It will include work in WebAPI, ASP.NET MVC, Bootstrap, and more.
Great Video Tim, I wish you did this 2 years ago - would of saved me a lot of time. Are you gonna continue this MVC theme and add a database, pages etc, templates etc? hope so!
There will be more videos in this vein for sure.
Life saver, Tim! Awesome.
Glad to help!
Intro to Bootstrap in ASP.NET MVC and .NET Core is a good video to get started with Bootstrap.
But throughout, you always hard-code that data.
Can you make an Intro to Bootstrap with Razor in ASP.NET MVC and .NET Core video,
and show how to bring in data from a database onto a web page ?
Maybe include best practices by using a repository class to access the database.
I'll be doing a start to finish course on building an ASP.NET Core web app soon. As for using a repository class or database access, the UI doesn't need to know about that. It just needs to know that it asks for models and it gets them. It doesn't need to care about direct data access.
@@IAmTimCorey Sounds great ! I'll look for it on RUclips.
Today i used the alert class in bootstrap and made the alert more dynamic. I used the ViewBag to carry a custom AlertModel that holds messageType, messageTitle, and the message. The messageType is the bootstrap class that i want to use for the alert (ie alert-success, alert-danger), the messageTitle is what i want to showup in bold, and the message is well, the message. I then put the alert Div in the layout page and using the custom AlertModel i can pass alerts to the same place on my site using business logic on the backend. The default instance of AlertModel.messageType uses the d-none class in bootstrap so by default that div is not displayed.
Great!
Very Nice and useful video to explore features of CSS / Bootstrap.
Thank you
Super bootstrapping video! Great explanations. Thanks a lot!
You are most welcome. Thanks for watching.
Hi Tim. Your videos have been very help helpful. I was wondering if you can make a video on creating a WinForm application with a webview example. I've been trying to create an application to show a map (using leafletjs and openstreetmaps). I want to display a map and plot a route based on lat, lon and elevation. The ultimate goal is to synchronize a video with map coordinates.
Thanks again.
Peter
Please do some videos on ASp.NET Core MVC and ASP.NET Core Razor Pages. Thank you for this video
They are coming.
Yes! My request too :)
Yes please. I would like to know how can I make a page with another reuzable components as React. MainCompomnent > CategoryComponent, ProductComponent. this 2 components connected to database with their corresponding Controller. I know that ViewComponents and Partial Components do that. But I don´t know if you can create the controllers of this componentes and call them normally as another component. But how can we call them from Main Component?
I like the added benefits of auto sizing with bootstrap 4. Now all you have to use is col and they place each in an equal size
Yep, that is nice.
Tim Awesome, another well done and informative video that you're known for. I was wondering, I don't have anything to try this out on right now, but in a table where you might want to change the color of a certain row, is it possible to change the color of the row dynamically within the class div based on a conditional if statement, based on a value or would this have to be done in a jquery class? thank you for your help.
You are simply awesome. Subscribed
Thanks!
Super useful tutorial. You saved my day!
Excellent!
Hi Tim,
Thanks for the video, great as always. The auto-updating of the website whilst working on it and making saved changed appear instantly seems to not be working at my end, unfortunately. I don''t know why, the extension is visible in the Extensions section from the Tools menu. But ther is no suggestion there that indicates its not working like it should, except for the presence of the Disable button not being grayed-out if that any indication. Maybe I'm not the only one having that problem...
There are a couple things it could be. First, do you have browser sync turned on? Next, is the browser you are opening in being registered (it is in the list of synced browsers)? Check those two things and, if they are true, try to reload the extension.
I used the new keycombo Ctrl+Alt+Enter as Microsoft revealed in its pop up announcement and that worked, whereas I assumed it would be Ctrl+S or Ctrl+Shift+S. So problem solved.
I need to keep up with Tim. And hopefully join the mentor program
Don't race too fast. Make sure to spend the time to really learn the topics. It took me 20+ years to get here. I'd love to reduce that time for you by a lot but it will still take time.
Thanks Tim, this helped a lot
Glad it helped
I pasted 3.x.x version of one bootswatch template and still the template is not taking effect. I checked, both ASP.net and bootswatch's bootstrap version is 3.4.1. Can somone please help? Thanks
Well, you are missing something somewhere. Manually check everything over. You'll find it.
I tried the Shift+Refresh and it work. The problem might be caused be cache in your browser.
This fixed my problem as well. Damn caches.
I started learning C# with game development, now I wanna expand towards making web apps. This was a great video for beginning. However, I have a question. How do I start using C# with Bootstrap? Can you direct me to a video or documentation?
Keep up the good work!
Check out this video: ruclips.net/video/68towqYcQlY/видео.html It walks you through an intro of Razor Pages, which use Bootstrap for laying out the data.
Hi Tim, Do you use Selenium for testing ASP.NET applications you build?
I don't typically, no.
@@IAmTimCorey I asked because one of the Azure Dev Ops tutorials mentioned it, so I read more about it and apparently it is a popular tool. I was trying to see if I need to know something about it if I want to develop C# and .net or not. Based on you answer I am assuming whatever testing you do for the ASP.NET applications uses XUnit. Thanks.
Hey Tim, do you think you can do a combination of this video and your ASP.NET model forms video so we can see how to go about styling the model's edit/add pages?
BTW you are, hands down, the best at explaining different concepts!
Excellent explanations. Thanks a lot!
You are most welcome. Thanks for watching.
How to enable the css grid in aspx and bootstrap 5.3. how do I set $enable-cssgrid: true in aspx.
That's not something you do in aspx, that's something you do in the SCSS file.
@@IAmTimCorey ah. I guessed so too. Aspx is so cumbersome and unfriendly.
Thanks dude
You are really awesome
I am glad it was helpful.
Reaload on save doesn't work for me, i need to reload the page myself so i can see changes. any solutions please ?
same
Install the Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation then in the Startup.cs file in the ConfigureServices method add ".AddRazorRuntimeCompilation();" to the services.AddRazorPages() So you should see services.AddRazorPages().AddRazorRuntimeCompilation();
This worked for me.
Hello sir, Any suggestion how to add date time picker in bootstrap , plz suggest
That's not Bootstrap-specific. You just add an input like this:
@@IAmTimCorey thanks let me check
Hi Tim, just watched the video and found your intro quite useful. I haven't tried applying a new theme yet since you mention deleting the bootstrap mapping files etc since they won't properly map to the changes you are making, however I don't think you covered how those would be regenerated? Would they auto-generate if you rebuild the solution or is there something else you would have to do?
Which tools do you recommend/mention to modify the bootstrap colors yourself? Thank you
If you want to do it yourself, just create your own custom CSS to override what Bootstrap provides. That is all a theme is - a custom CSS file. You can definitely do it on your own.
@@IAmTimCorey Yes, you're right. I've thought there was a useful tool but knowing css it's enough. Thank you!
Hey Tim. Any idea why when I have the same html with bootstrap code and I just copy and use it with asp.net, the font size and overall website layout for the asp.ney become smaller and certain features went missing?
It sounds like you are copying from one version of bootstrap to another. Bootstrap 3 layouts are not compatible with Bootstrap 4 layouts.
Great video, helped me a lot! Thank you
You are most welcome.
Excellent tutorial, thank you!
You are welcome.
Question: When you first created the table, why was it squished into one column? You clearly put it in a 12-wide column. Will bootstrap not let you use different widths on different rows?
Can you give me a time code to look at? I don't see what you are talking about.
Hey Tim. I'm always excited when I need to learn something new and I see you've posted a tutorial on it. Another great video as usual. I was wondering, do you know if the browser sync and reload on save are functional in VS2019? If so, does it require additional plugins? I've seen a few other viewers ask this question, but thought there may be an update on this issue. Thanks in advance.
They are in Visual Studio 2019 and they do work. They are still somewhat buggy, though, depending on what you are working with.
how to acces event onclick?
to do somenthing like in wnidowsform
Hello Tim, Will you be doing a video on Bootstrap 4.x used in the .NET CORE framework?
Thank you. I have added this to the list of possible future topics.
I was working with bootstrap 3 in visual studio for an MVC application. later I have updated bootstrap to version 4.5 and tried with certain changes in bootstrap 4.5 but it's not working in my application. View is not responding to bootstrap 4.5 keywords. I have tried to use flex but it doesn't make any change. Is there anything else I need to check after updating via nuget packages.? Could you please help me ?
It is a lot of work to upgrade to Bootstrap 4.x in a .NET Framework project. If you upgrade the NuGet package, you will also need to do a project rebuild to make sure it clears out the old references. Then, you will need to change all of the references over to Bootstrap 4 versions.
I have a question. How can somebody use boot strap on an existing web app that did not have it. For example, I have a web app that was originally a web api app then found out that pages had to be created too and did not want to have to create an entirely new site to use it. Is it possible to download the files somehow or is a person forced to create a new web app to have boot strap?
You can add it later without much trouble. Just add the references on your index page (or wherever your CSS and JavaScript files are added) and then just start working with it. Here is the link to how to get started: getbootstrap.com/docs/4.3/getting-started/introduction/
@@IAmTimCorey do you think you can do a video to convert a web api aspnet core app to one that uses razor pages and bootstrap without having to create an entirely new website.
It seems like I am not able to receive the source code by email.
Email help@iamtimcorey.com and we will see what we can do to get it to you. Also, check your spam filter first. It might be there.
X
Server is down for maintenance.
I tried to use this code in bootstrap 4.5.2 version,but it doesn't work. There is an option with modal but it is a popup window.
I don't know if they remove that option or the code is wrong?
Not sure what you mean by "it doesn't work" but have you checked out the documentation: getbootstrap.com/docs/4.5/components/alerts/
I am working on a C# MVC WebAPI project where bootstrap css is imbedded throughout. I would love to bring CSS Grid into some of the views. Can the 2 coexist well? What's the thinking on this?
It depends on how the CSS for the grid is written but it probably wouldn't be an issue.
Now that I've gotten deeper into this, I guess this was a stupid question. CSS Grid is CSS and Bootstrap is CSS so they can work together but, yes, the settings, oh those settings. They are endless and confusing and then you add in the @media and collapse and Razor and so on... It is a mind meltdown. Where is the answer to simple web-enabled screens? I love WPF but that isn't the answer on the Web. What is?
Tim Corey, thanks for your content. I usually listen to it on the way to work. I attempted to use the reload on save module, but it's not working. I am using a ASP.NET MVC project in VS 2017 Community. I think my problem is that browser link isn't working. Is that because community doesn't support browser link?
It should work in Community Edition. Those tools are always a bit quirky though. Not sure why it isn't reloading for you.
Hi Tim, Thank you for the content sir. I am so happy to have access to these, and have the time to go through them. Could you tell me if the bootswatch version has to match the bootstrap or not?
The theme has to be built for the major version of Bootstrap that you are using. So if you are using Bootstrap 3.7, the major version is 3. That needs to match the version that the theme was designed for (even if the theme was designed for 3.3, it would work just fine).
This is a nice tutorial, thank you very much.
You are welcome!
I think it would be great to see a video on the mingling of bootstrap, asp.net, and MVC. In other words, how is bootstrap used in the process of building a asp.net application. Thanks.
I do have a video called Intro to ASP.NET MVC which I believe shows you how Bootstrap fits into the larger whole. I also have the add-on course for the C# Application from Start to Finish course that creates a full UI in MVC including some Bootstrap changes.
sorry sir, i've basic problem with IIS Express. I have problem "cannot read configuration file" when i make a new project
It sounds like it doesn't have permissions to the file.
Thank you 😃. Nice introduction.
You are welcome.
Thank you Tim, very cool.
You are welcome.
I didn't understand, in which folder I need to install web essentials files?
Web Essentials is an extension for Visual Studio. You download the VSIX installer and run it. It installs into Visual Studio.
I am watching your video and trying to practice what is in. It seems like what ever I do to make a change on the page doesn't work. Would you please walk me through that
,@Matthew Clark I tied to do so but nothing was happening while the code was running without errors. I had it fixed already. Thanks anyway for a look
But MS is working right now to make this no longer true, right? Blazor with client side rendering using Mono over WASM is in the works as we speak. Then we can finally get rid of that blight known as Javascript and use a real language on both server and client. And you can get started now with server side rendering and then switch over to client side once it's fully baked.
There is also a 'blazorstrap', but it's straightforward to create custom components in Blazor, so honestly I'd probably not bother with it. Still, it could be a good transitional tool I guess.
Here is my take on that: JavaScript will be around for a long, long time. Even if Blazor stabilizes and becomes a widely accepted front-end tool, it will have a long way to go to becoming the dominant web framework. I would not put all my hopes in a framework that isn't even at version one yet. People did that with Silverlight for the exact same reason (a WPF experience on the web). My guess is that Blazor will be supported by Microsoft for longer than Silverlight but that it will become a niche tool rather than the ultimate tool that replaces all others. It seems too heavy for that.
By 'we' I meant those of us who don't want to be programming in the Basic of web development for the rest of our lives and who want to use a real language. I'm sure plenty of people will continue to use it. Not that we should celebrate or encourage that, given the last thing we need is to encourage amateurish code all over the internet (that we will all be subjected to.) And javascript absolutely encourages that (though obviously not every one uses it is writing amateurish code.)
The big thing that Blazor (and just in general .Net on Mono on WASM) has over Silverlight is that it no longer needs any engine to be installed. It can be delivered to a browser directly. Silverlight was doomed by requiring it to be installed separately. And of course it doesn't have to continue re-delivering the .Net engine over and over every time you hit a new site that uses that same version.
The other thing that is going to make a difference, it seems to me, is the work they are also doing on supporting cross platform native app development based on these same tools. I'd be just as happy to get rid of the browser along with javascript, since then javascript has absolutely zero usefulness and the ridiculous limitations of the browser can be done away with as well. If I can build from a single code base and deliver native apps into the stores for the major platforms, I'd very much be happy to never deal with another browser again.
And, of course, if you could also deliver a browser based version of the same client application from the same code base, that would for a lot of folks be an even bigger incentive.
@@CharmedQuarkSystems Hey, dont want to look like Im hijacking users but If you're really keen on blazor you should definitely check out Edward Charbeneau channel! mainly client side blazor but he goes deep into razor components too!
Excellent info, like this.
Thank you!
thx for your videos , do you have examples using modal with asp.net core
They are coming soon.
Great lesson!
Thanks!
Thanks for the tips for installing extensions, that will definitly improve our productivity - just wondering do you have this tip in another video by itself too? So it will be easier for people to keep track of these advises and its not hidden under another video title (bootstrap in asp mvc :) ).
I don't believe I do. I am planning a video on extensions at some point that would cover things like this.
Razor or MVC? Which would you recommend us to learn first?
Depends. I'm assuming you mean .NET Core Razor pages vs .NET Framework ASP.NET MVC. If you are only doing new development, .NET Core with Razor pages is probably the way to go. Any development that needs the full framework or that needs to work with existing code should probably be in MVC.
As usual, I loved the video. I do however have a few questions:
1. In the beginning of the video you showed us the bootstrap class "row" and that it contained up to 12 columns. Is there a place to specify the number of columns or are there always 12 columns?
2. Since CSS3 added its own grid as well as the new Flexbox feature does that make the bootstrap grid obsolete?
3. Does bootstrap remove the need to use CSS media queries for different size devices?
Thanks
The row is always 12 columns. You can set divs to use more than one column so you can divide the section in half, in thirds, in quarters, or in sixths.
The Bootstrap grid isn't obsolete but it is possible to more easily do grids without Bootstrap.
Bootstrap uses media queries for different sizes. You can tap into those.
IAmTimCorey Thanks for the fast reply. You are the best instructor that I’ve ever had.
just curiosity, where are you from ? I use to understand better the englis accents like yours.
I'm brazilian and has a few days I'm searching for videos how to use bootstrap with asp net and didn't found any good contents in potuguese. Thank you
.
I live in Pennsylvania, USA. I've lived there my whole life.
Great stuff!
Thanks!
Can anyone please give me access to the source code? I put my email but it doesn't send me anything. I also checked the spam folder.
Email me and I'll send you a copy (tim@iamtimcorey.com).
@@IAmTimCorey Thank you I've just sent it.
I have I quick question if you don't mind, is .NET web API 2 exclusive to .NET Framework or it works with .NET Core as well?
Web API 2 is only .NET Framework. ASP.NET Core API is powered by .NET Core.
thanks so much very helpful understand basics..
You are welcome.
need create a website not sure what to use. asp.net core mvc or blazor(choice 2 diff hosting options) . needs to be responsive and extra secure as it will be alowing uploads. do u have any videos talking about things like this or can u advise what u would have chose? not surr if there is other .net frameworks should be considering .
I have a whole course dedicated to the five different web project types in .NET Core and which one is right for which circumstances: www.iamtimcorey.com/p/getting-started-with-aspnetcore
hellooo i am new to coding and learned a few things in C#, Should i learn to code in .net core or in .net framework.
cuz i need alot of good information on how to code. since .net core is not mature yet, it will be hard to find good instructions.
Also i really apriciate all of your videos, big thumb up Tim :)
When you build applications, build in .NET Core. However, you can still learn from .NET Framework videos and resources. The changes are minor enough that you won't have trouble translating what you learned. C# itself hasn't really changed from a code perspective. It is the behind the scenes changes that are the biggest improvements.
Thank you Tim
You are welcome.
Nice Video! Do you have a video on, "How to integrate an existing Frontend template (in Bootstrap 4) into an ASP.NET MVC project?"
No. My recommendation is that if a project uses Bootstrap 3, keep it there. Don't try to upgrade it. An upgrade is basically a full redo, and don't forget that the identity pages use Bootstrap 3, so you would need to override each identity page if you were using authentication.
@@IAmTimCorey Actually my question was: How to use a Bootstrap 4 template in an ASP.NET MVC project? Just to be clear, the project does not exist at the moment.
Thanks in a million.
You are welcome.
Thanks for the guide. Just some warning.. this is for .Net Framework. I Started as .Net Core because i'm more used to it but, Browser Live update doesn't work and also de project Folders and layout are not the same.
Yep. Plus .NET Core uses Bootstrap 4, whereas .NET Framework uses Bootstrap 3. This video touches on that but mainly focuses on Bootstrap 3 and the .NET Framework.
@@IAmTimCorey Was still very helpful. However, in .NET Core web app, changing the bootstrap.css to another theme seems to have no impact on the page, even after a clean and rebuild.
Nice! Thank you.
You are most welcome. Thanks for watching.
m = model view = Template to render C = (response to the router) and do the logic then render the the template (view)
may be im wrong but when i think on this way its make mvc simple to my brain
i prefer view = template
MVC breaks the UI layer into three parts based upon three distinct tasks. Models hold data. Views display data. Controllers coordinate processing the data.
Superb!
Thanks!
good job bro
Thanks!
Amazing!
Thanks!
Thank you for this quality content! Why don't you post tutorials on Udemy?
You are welcome. There are a number of reasons why I don't have any Udemy courses, although I may put one or two on there in the future.
@@IAmTimCorey You should for sure do that! You could post a curriculum with these free videos from youtube to gain larger followers. Thank you again for these videos!
If Your CSS doesn't work remember to disable cache in browser ! It will save you many head scratches.
Definitely. If you don't want to do that all the time, you can also open the dev tools (F12) and right-click on the refresh button and say empty cache and reload. Good for a quick fix of a site that is cached. I'll be doing a tips video covering these topics and more.
hi i am trying to use the icons but it is not working , do you know if things are diff in VS2019
Did you make sure you included the link to load the icons into your application? Did you verify you were asking for the right icons? Did you open up the browser developer tools (F12 in Chrome) and look at the Console to see if there were any errors when rendering your page?
Put the webfonts into the wwwroot folder
Damm dude...thx for this.
You are welcome.