Php 引导标志不适用于导航栏

我有一个测试点在

不管我做什么，这个标志都不合适。我到处找了很久了。尝试将填充改为0，边距改为0，并调整了大小，但它无法正确安装在我的iPhone上

我希望标志一直在左边，显然我不希望它太小。我也希望它在手机的左边

我如何才能做到这一点

这是我的导航条形码：

    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">

            <a class="navbar-brand" href="#">
                    <img class="img-responsive" style="" src="images/logo.png" alt="Prima Healthcare">
            </a>
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li <?php echo $home; ?>>
                        <a href="index.php">Home</a>
                    </li>
                    <li <?php echo $b2b; ?>>
                        <a href="b2b.php">Business to Business</a>
                    </li>
                    <li <?php echo $contact; ?>>
                        <a href="contact.php">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

切换导航

>

似乎
.navbar品牌
属性不能很好地处理超大图像。我只需删除
.navbar brand
属性，并将
属性添加到图像中，即可实现此目标。向左拖动
属性可使显示与右侧的内容内联，如下所示：

<a href="#">
    <img class="img-responsive pull-left" src="images/logo.png" alt="Prima Healthcare">
</a>



如果您不打算让图像可点击，我甚至会完全删除锚定标签。
似乎
.navbar brand
属性对超大图像不起作用。我只需删除
.navbar brand
属性，并将
属性添加到图像中，即可实现此目标。向左拖动
属性可使显示与右侧的内容内联，如下所示：

<a href="#">
    <img class="img-responsive pull-left" src="images/logo.png" alt="Prima Healthcare">
</a>



如果您不打算让图像可点击，我甚至会尽可能完全删除锚标记。
我会覆盖.navbar品牌。您可以使用媒体查询为不同的屏幕大小定义不同的宽度值

对于小屏幕，图像将为200px，对于大屏幕，图像将放大到250px。你可以更改号码

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    width: 200px;
}

@media only screen and (min-width : 768px) {
    .navbar-brand img {
        width: 250px;
    }
}

在这里拉小提琴：
我将覆盖.navbar品牌。您可以使用媒体查询为不同的屏幕大小定义不同的宽度值

对于小屏幕，图像将为200px，对于大屏幕，图像将放大到250px。你可以更改号码

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    width: 200px;
}

@media only screen and (min-width : 768px) {
    .navbar-brand img {
        width: 250px;
    }
}

在这里拉小提琴：