다른 페이지에서 다른 페이지 너비

Question

부트 스트랩을 설치하고 그 주위를 놀고 나면, 어쨌든 나는 다른 페이지에 대해 다른 페이지 너비를 설정했습니다. 페이지 너비를 수정하려면 내 .css 파일에 뭔가를 추가해야 할 것 같아요.하지만 stackoverflow 및 google에서 찾은 모든 것이 지금까지는 도움이되지 않았습니다. 그래서 네 도움이 필요해. 홈 페이지는 다른 사람과 다른 하나이기 때문에,

@import "bootstrap"; 
/* universal */ 

html { 
    overflow-y: scroll; 
} 

body { 
    padding-top: 60px; 

} 

body { 
    background-image: url(http://i.imm.io/NOW7.png); 
background-attachment:fixed; 
} 

section { 
    overflow: auto; 
} 

textarea { 
    resize: vertical; 
} 

.center { 
    text-align: center; 
} 

.center h1 { 
    margin-bottom: 10px; 
} 

/* typography */ 

h1, h2, h3, h4, h5, h6 { 
    line-height: 1; 
} 

h1 { 
    font-size: 3em; 
    letter-spacing: -2px; 
    margin-bottom: 30px; 
    text-align: center; 
} 

h2 { 
    font-size: 1.7em; 
    letter-spacing: -1px; 
    margin-bottom: 30px; 
    text-align: center; 
    font-weight: normal; 
    color: #999; 
} 

p { 
    font-size: 1.1em; 
    line-height: 1.7em; 
} 

/* header */ 

#logo { 
    float: left; 
    margin-right: 10px; 
    font-size: 1.7em; 
    color: black; 
    text-transform: uppercase; 
    letter-spacing: -1px; 
    padding-top: 0px; 
    font-weight: bold; 
    line-height: 1; 
} 

#logo:hover { 
    color: red; 
    text-decoration: none; 
} 
.navbar-inner { 
    background-color: #fff; /* place your solid color here */ 
    background-image: none; 
    background-repeat: no-repeat; 
    filter: none; 
} 
.navbar .nav, 
.navbar .nav > li { 
    float:none; 
    display:inline-block; 
    *display:inline; /* ie7 fix */ 
    *zoom:1; /* hasLayout ie7 trigger */ 
    vertical-align: top; 
} 

.navbar-inner{ 
border-radius:50px; 
background: #fff !important; 
background-image: none; 
background-repeat: no-repeat; 
filter: none !important; 
border-top:10px solid #fff !important; 
border-bottom:10px solid #fff !important; 
border-left:5px solid #fff !important; 
border-right:5px solid #fff !important; 
} 

.navbar .nav > li > a{ 
padding:12px 15px 12px; 
color:#000000 !important; 
text-shadow:none !important; 
border-right: 1px solid #5BB75B; 
border-left:1px solid #5BB75B; 
-webkit-transition:background 1s ease; 
-moz-transition:background 1s ease; 
-o-transition:background 1s ease; 
transition:background 1s ease; 
} 

.navbar .nav > li > a:hover{ 
background:#5BB75B !important; 
color:#fff !important; 
-webkit-transition:background 1s ease; 
-moz-transition:background 1s ease; 
-o-transition:background 1s ease; 
transition:background 1s ease; 
} 

.navbar .nav .active > a, 
.navbar .nav .active > a:hover, 
.navbar .nav .active > a:focus { 
color: #fff; 
box-shadow:none; 
background: #5BB75B !important; 
} 
.main-width { margin: 0px auto; } 

아마 뭔가 내 home.html.erb 파일에 문제가 있습니다 : http://murmuring-headland-8091.herokuapp.com/

가 여기 내 .css 파일입니다 : 여기 내 응용 프로그램입니다. 필요한 경우 코드를 게시 할 수도 있습니다.

Answer 1

좋아, 내가 메인 페이지와 별도의 파일에 대한 몇 가지 CSS를했다, 나는 그것을 죽인 지금 모든 괜찮습니다.