Carousel in Twitter Bootstrap


I use Carousel in Twitter Bootstrap, I liked that Carousel is able to adjust the picture for its size. But in version 2.0.2 is removed.
v. 2.0.1:
v. 2.0.2: CSS file v. 2.0.1
Please tell me what I need to change the carousel again adjusts the image.

<!DOCTYPE html>
<html xmlns="">
    <meta charset="utf-8"/>
    <!--[if IE]>
    <script src="js/html5.js"></script><![endif]-->
    <title>HTML coder</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/script.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <style type="text/css">
        body {
            padding-top: 60px;
            padding-bottom: 40px;


    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                <a href="/" class="brand">Portfolio</a>

                <div class="nav-collapse">
                    <ul class="nav tabs">
                        <li class="active">
                            <a data-toggle="tab" href="#home">
                                <i class="icon-home icon-white"></i>
                            <a data-toggle="tab" href="#resume">
                                <i class="icon-user icon-white">
                            <a data-toggle="tab" href="#contact">
                                <i class="icon-envelope icon-white">

                <!--/.nav-collapse -->
<div class="container">
    <!-- Main hero unit for a primary marketing message or call to action -->
    <div class="tab-content">
        <div id="home" class="tab-pane active">
            <div class="hero-unit">
                <div id="myCarousel" class="carousel">
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <div class="active item"><a href="les2/index.html"><img src="img/example11.jpg"
                        <div class="item">
                            <a href="les2/index.html"><img src="img/example22.jpg" alt=""></a>

                    <!-- Carousel nav -->
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>


        <!-- home -->
        <div id="resume" class="tab-pane">

        <div id="contact" class="tab-pane">





Yes, I had the same problem. I added
img {
max-width: 100%;

to my css.


Get rid of your script.js file if it is the same script.js that is on the bootstrap docs an move your CSS links above your js links. Then add the responsive.css link below your inline styles and you will be good to go.


what do i have to say to my friends i miss

closed #5