├── README.md ├── image ├── photo1.jpg ├── photo2.jpg └── photo3.jpg ├── index.css └── index.html /README.md: -------------------------------------------------------------------------------- 1 | # Bootstrap 2 | Learn Bootstrap 3 | -------------------------------------------------------------------------------- /image/photo1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Moemen12/Bootstrap/HEAD/image/photo1.jpg -------------------------------------------------------------------------------- /image/photo2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Moemen12/Bootstrap/HEAD/image/photo2.jpg -------------------------------------------------------------------------------- /image/photo3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Moemen12/Bootstrap/HEAD/image/photo3.jpg -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- 1 | 2 | body{ 3 | padding: 70px; 4 | height: 5000px; 5 | } 6 | 7 | 8 | 9 | 10 | 11 | 12 | /* Start Overriding Bootstrap */ 13 | .navbar{ 14 | min-height: 70px; 15 | } 16 | .navbar-inverse .navbar-nav>.active>a, 17 | .navbar-inverse .navbar-nav>.active>a:focus, 18 | .navbar-inverse .navbar-nav>.active>a:hover { 19 | background-color: #E41B17; 20 | 21 | } 22 | 23 | .navbar-inverse .navbar-brand { 24 | color: #BBB; 25 | font-size: 30px; 26 | line-height: 40px; 27 | } 28 | .navbar-inverse .navbar-brand span{ 29 | color:#E41B17 ; 30 | } 31 | 32 | .navbar-inverse .navbar-nav>li>a{ 33 | color: #BBB; 34 | padding-top: 25px ; 35 | padding-bottom: 25px ; 36 | font-size: 16px; 37 | } 38 | .navbar-inverse .navbar-brand{ 39 | color:#BBB; 40 | } 41 | .dropdown-menu{ 42 | background-color:#333; 43 | border-top: 1px solid #E41B17; 44 | } 45 | 46 | .dropdown-menu>li>a{ 47 | color: #FFF; 48 | padding: 6px 20px; 49 | -webkit-transition:padding 0.5s ease; 50 | -moz-transition:padding 0.5s ease; 51 | -o-transition:padding 0.5s ease; 52 | transition:padding 0.5s ease; 53 | 54 | } 55 | 56 | .dropdown-menu>li>a:hover, 57 | .dropdown-menu>li>a:focus{ 58 | background-color: #E41B17; 59 | color: #FFF; 60 | padding-left: 25px; 61 | } 62 | 63 | .dropdown-menu .divider{ 64 | background-color: #871818; 65 | } 66 | 67 | .navbar-right .dropdown-menu{ 68 | left: 0; 69 | right:auto ; 70 | } 71 | 72 | .navbar-toggle{ 73 | margin-top: 18px; 74 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bootstrap 101 Template 8 | 9 | 10 | 11 | 12 | 13 | 127 | 128 | 129 | 130 | 131 | 132 | --> 133 | 134 | 135 | 136 | 230 | 231 | 268 | 269 | 270 | 304 | 305 |
306 | ... 307 |
308 | ... 309 |
310 |
311 | ... 312 | 313 | 314 |
315 | ... 316 |
317 | ... 318 |
319 |
320 | ... 321 | 322 | 323 | 324 | 325 | 326 | Previous 327 | 328 | 329 | 330 | Next 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | --------------------------------------------------------------------------------