Boostrap导航栏不能很好地调整宽度

时间:2016-02-26 06:10:46

标签: html css

我不知道为什么在我的导航栏上增加宽度,增量只出现在栏的右侧,例如,这是我的栏的html:

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">                  
            <ul class="nav navbar-nav navbar-left">  
                <li>
                    <a href="#">Free shipping over $50</a>
                </li>
            </ul>              
            <ul class="nav navbar-nav navbar-right">  
                <li>
                    <a class ="lita" href="#about">Be part of THE CIRLCE</a>
                </li>
                <li>
                    <a href="#services">JOIN </a>
                </li>
                <li>
                    <a href="#contact">LOGIN</a>
                </li>
            </ul>
        </div>

使用此css:

#bs-example-navbar-collapse-1{
background-color: #fde6dc;
padding: 2px 40px;
width: 100%;
}

结果就是这个:

http://postimg.org/image/m7qu1vz45/full/

但是,如果我将宽度移动150%,就会发生这种情况:

http://postimg.org/image/60px3u3m9/full/

为什么会这样?为什么它没有调整保持比率,如果我放一个余量这有点解决问题,但当我重新调整屏幕大小时,它不起作用。

有人有想法吗?

1 个答案:

答案 0 :(得分:1)

请尝试使用导航栏,

    Public class SOAPService {
        private Map<String, SOAPStub> map = new HashMap<String, SOAPStub>();
        public SOAPStub getSOAPObject(String CustId, String endPoint){
            if(map.containsKey(CustId))
                return map.get(CustId);
            else{
                SOAPStub stub = new SOAPStub(endPoint);
                map.put(custId, stub);
                return stub;
                }
        }
        public Object getProductList(String CustId, String endPoint){
            SOAPStub stub = getSOAPObject(CustId, endPoint);
            Object productList = stub.getProductList();
            return productList;
        }

        public Object getProductInfo(String CustId, String productId, String endPoint){
            SOAPStub stub = getSOAPObject(CustId, endPoint);
            Object productInfo = stub.getProductList(productId);
            return productInfo;
        }
    }