Bootstrap Tutorial - #7 Create slideshow | Asp.net mvc

[@rynopot9850]

thank you Ashish - that was fantastic, I followed the code line by line, and ended up with a beautiful slide show for a website at work.

[@aapkanigam]

Thanks keep learning and sharing

[@ch3y3nn309]

So easy! So elegant. Thank you

[@aapkanigam]

+Cheyenne du Plooy ur welcome

[@dipesh7512]

Plain and simple thanks a lot bro!

[@aapkanigam]

+Dipesh Jadhav keep learning and sharing

[@AlmutasimAlmazidi]

Hi, I want to display Item's Images from database with carousel. I did all steps correctly,but I faced one issue which is displaying all images even not related to that Items . Is there any way to solve this issue.

[@AhmedAli-ct7bv]

my frind i have a prblem i use the code of bootstrap carousel and the images come without carousel just images imbadded in the page

[@fernandofesta71]

Nice !!!! Sta funzionando molto bene

[@RakeshDas-lh4hu]

where u write your bootstrap.cshtml....in view folder??...I am new at MVC..pls answer..

[@aapkanigam]

Please watch my Asp.net mvc tutorial .You will get all stuff there .Go to our page and find playlist for that ..thanks

[@ccm7630]

how to makes the button and captions visible when my pic background is white colour ? I follow everything but my arrow for prev and next not functioning

[@aapkanigam]

+Cheng Man Chin Hi Cheng you can just give style to carousel-caption class with !important tag. for example add following code in style tag . .carousel-caption h1 { font-size: 3em; color: red !important; } /* Description text */ .carousel-caption p { font-size: 2em; color: blue !important; } /* Button text */ .carousel-caption .btn { font-size: 12px; color: yellow !important; }

[@ccm7630]

+nigamashish tiwari Thanks alot ! But i still had the trouble for the prev and next arrow .... :( Your video tutorial really helps alot ! Kepp up the good work :)

[@aapkanigam]

Replace chevron left and chevron right icons to bootstrap glyficon icons..search bootstrap icons on google . Watch my video for adding bootstrap Icon in button.example

[@abdullaharbee6415]

Shukran thank you it was helpful

[@aapkanigam]

Thanks keep learning and sharing 🙏

[@nrepesh]

what is the program you are using

[@aapkanigam]

Means?

[@rahulpatel2319]

I have problem on image size can you help me..boss

[@aapkanigam]

+rahul patel what error are u getting

[@carljonesgallera5158]

Hello sir, how to fit the picture in the whole carousel? Cos my picture's size is not enough to cover the whole carousel. It covers about 90% of it.

[@aapkanigam]

+Carl Jones Gallera set hieght and width as 100% . It would be better if you take good image with correct dimension otherwise it will not look good

[@carljonesgallera5158]

I agree to that. Anyway, I did set the height and width and it worked out! Thank you!

[@aapkanigam]

+Carl Jones Gallera great..

[@narendarsingh4672]

great

[@shumailanasim3216]

What is the size of image of slideshow

[@aapkanigam]

You can choose any high resolution image and set the hight and width as per your requirement. In my case I took very high resolution image which is generally not recommended. It makes browser bulky and increase loading time.

[@shumailanasim3216]

@@aapkanigam so what is the solution?

[@shumailanasim3216]

And can I upload videos?

[@chandanadhikari4637]

is it not working in visual studio ultimate 2010?

[@aapkanigam]

ya off course. you need to download bootstrap classes and script and then add to you vs 2010 folder.then finally give reference. It will be working

[@chandanadhikari4637]

+nigamashish tiwari how can i download bootstrap classes?

[@aapkanigam]

Please goto twitter bootstrap official site .There you find bootstrap .css and .js file. Http://getbootstrap.com .You can download these files from other site also.Google will help you too.

[@chandanadhikari4637]

+nigamashish tiwari okay after download do i keep it in my vs 2010 folder?

[@aapkanigam]

Yes and then give that file reference to your master page or shared layout page.

[@jimmyleinad]

its Responsive?

[@aapkanigam]

Yes ..

[@zainabnoor6954]

my pics are not in a slide ... what should i do

[@aapkanigam]

+Zainab Noor take any image in you folder ..and give image path in slide code

[@zainabnoor6954]

slide code means... i have done exactly as u asked but images are shown in form of list.. it wont slide..

[@aapkanigam]

+Zainab Noor make sure to include bootstrap js and css file reference

[@zainabnoor6954]

i did Sir..

[@syednaqvi6757]

nice thanku

[@alpharomeo5123]

Be Professionally

[@alpharomeo5123]

Develop with REAL CSS !!