이것은 문제가 있습니다 : http://i.stack.imgur.com/i80Yl.jpg. 이것은 부트 스트랩 메뉴의 일부입니다. 일부 더 많은 정보는 헤더 부트 스트랩 컨테이너 유체 - 여백 사용 안함

  <link rel="stylesheet" type="text/css" href="view/stylesheet/stylesheet.css" /> 
      <link rel="stylesheet" type="text/css" href="view/stylesheet/bootstrap.css" />

추가되었습니다하지만 난 어떤 부트 스트랩 옵션을 덮어 쓸 때 사용합니다! 중요합니다. 나는 부트 스트랩 CSS를 바꾸고 싶지 않다.

HTML

<div class="container-fluid"> 
         <div class="navbar-header"> 
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
           <span class="sr-only">Toggle navigation</span> 
           <span class="icon-bar"></span> 
           <span class="icon-bar"></span> 
           <span class="icon-bar"></span> 
          </button> 
          <a class="navbar-brand" href="http://localhost/Web/E-Shop/admin/index.php?route=common/home&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Obchod</a> 
         </div> 
         <div class="navbar-collapse collapse"> 
          <ul class="nav navbar-nav"> 
           <li class="dropdown"> 
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Catalog<b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/category&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92"> Categories</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/product&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Products</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/filter&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Filters</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/profile&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Profiles</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/attribute&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Attributes</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/attribute_group&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Attribute Groups</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/option&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Options</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/manufacturer&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Manufacturers</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/download&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Downloads</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/review&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Reviews</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=catalog/information&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Information</a></li> 
            </ul> 
           </li> 
           <li class="dropdown"> 
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Extensions<b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=extension/module&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Modules</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=extension/shipping&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Shipping</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=extension/payment&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Payments</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=extension/total&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Order Totals</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=extension/feed&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Product Feeds</a></li> 
                      </ul> 
           </li> 
           <li class="dropdown">    
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sales<b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/order&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Orders</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/recurring&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Recurring Profiles</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/return&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Returns</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/customer&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Customers</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/customer_group&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Customer Groups</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/customer_ban_ip&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Banned IP</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/affiliate&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Affiliates</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/coupon&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Coupons</a></li> 
             <li class="divider"></li> 
              <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/voucher&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Gift Vouchers</a></li> 
              <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/voucher_theme&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Voucher Themes</a></li> 
             <li class="divider"></li> 
                      <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=sale/contact&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Mail</a></li> 
            </ul> 
           </li> 
           <li class="dropdown"> 
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">System<b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=setting/store&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Settings</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=design/layout&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Layouts</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=design/banner&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Banners</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=user/user&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Users</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=user/user_permission&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">User Groups</a></li> 
            </ul> 
           </li> 
           <li class="dropdown"> 
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Localisation<b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/language&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Languages</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/currency&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Currencies</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/stock_status&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Stock Statuses</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/order_status&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Order Statuses</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/return_status&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Return Statuses</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/return_action&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Return Actions</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/country&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Countries</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/zone&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Zones</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/geo_zone&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Geo Zones</a></li> 
             <li class="divider"></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/tax_class&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Tax Classes</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/tax_rate&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Tax Rates</a></li> 
             <li class="divider"></li>  
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/length_class&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Length Classes</a></li> 
             <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=localisation/weight_class&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Weight Classes</a></li> 
            </ul> 
           </li> 
          </ul> 
          <ul class="nav navbar-nav navbar-right"> 
           <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=tool/error_log&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Error Logs</a></li> 
           <li><a href="http://localhost/Web/E-Shop/admin/index.php?route=tool/backup&amp;token=dac2fdfed5ea52154c40dd0ad17dbe92">Backup/Restore</a></li> 
          </ul> 
         </div><!--/.nav-collapse --> 
        </div>

CSS

.navbar-default { 
    background-color: #00598e !important; 
    border-color: none !important; 
    color: #fff !important; 
} 
.navbar-default .navbar-nav > li > a { 
    color: #fff !important; 
} 
.navbar-default .navbar-brand { 
    color: #FFF !important; 
} 
.dropdown .open{ 

} 
.dropdown:hover .dropdown-menu { 
    display: block; 
} 
.dropdown:hover { 
    background-color: #0077c0; 
} 
.vertical-offset-100{ 
    padding-top:100px; 
} 
.footer-s{ 
    position:fixed; 
    left:0px; 
    bottom:0px; 
    width:100%; 
} 
.alert{ 
    margin-top: 30px; 
} 
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { 
    background-color: #00598e; 
    border-color: #00598e; 
} 
.dropdown-menu>li>ul>li>a:hover, .dropdown-menu>li>ul>li>a:focus{ 
    text-decoration: none; 
    color: #262626; 
    background-color: #F5F5F5; 
} 
.container{ 
    margin-top: 50px; 
} 
.btn>a:hover, 
.btn>a:focus, 
.btn>a { 
    color: #fff; 
    text-decoration: none; 
} 
.scrollbox{ 
    height: 120px; 
    width: auto; 
    border: 1px solid #ccc; 
    overflow: auto; 
} 
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { 
    color: #FFF; 
    background-color: #0077c0 !important; 
} 
.navbar-default .navbar-toggle .icon-bar { 
    background-color: #FFF !important; 
}

출처

2014-02-24 VeeeneX

귀하의 질문에 이해가되지 않습니다. 명확히하십시오. – ZimSystem

margin-right : 없음! 중요; Bootsrap.css에 포함 된 stylesheet.css에서 여백을 바로 잡을 필요가 있습니다. 이미지에서 첫 부분이 문제가되는 부분은 다음과 같습니다. – VeeeneX

좋아, 네 navbar에 대한 HTML을 업데이트 할 수 있습니까? .. 게시 한 HTML 코드는 이미지에 표시된 navbar를 만들지 않습니다. – ZimSystem

난 당신이 (후) 부트 스트랩 CSS 파일 아래에 재정의 또는 사용자 정의 스타일 시트를 이동하는 것이 좋습니다. 그렇다면 !important을 그 어느 때보 다 많이 사용할 필요가 없습니다. 재정의를하려면 맞춤 스타일 시트에서 동일한 특수성과 일치하거나 초과해야 할 필요가 있음을 기억하십시오.

<link rel="stylesheet" type="text/css" href="view/stylesheet/bootstrap.css" /> 
<link rel="stylesheet" type="text/css" href="view/stylesheet/stylesheet.css" /> <!-- moved below bootstrap.css -->

출처

2014-02-24 15:13:06 dward

시도했지만 1919 * 1080 res에서 이미지가 나타나고 margin-right : none! important로 문제가 발생합니다. 나던. – VeeeneX

피들 또는 어떤 종류의 도움이 될 수 있습니다. 'none' 대신'margin-right : 0;'을 사용해야합니다. – dward

이 속성은 부트 스트랩에 있으며 어떻게 든 제거하고 싶습니다 – VeeeneX

부트 스트랩 컨테이너 유체 - 여백 사용 안함

추가되었습니다하지만 난 어떤 부트 스트랩 옵션을 덮어 쓸 때 사용합니다! 중요합니다. 나는 부트 스트랩 CSS를 바꾸고 싶지 않다.

HTML

CSS

답변

관련 문제