مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

mehsad

عضویت از 1394/06/21

مشکل در منو بوت استرپ

  • سه شنبه 30 آذر 1395
  • 23:16
تشکر میکنم

باسلام و احترام

من یک منو ساختم با بوت استرپ ولی میخوام مستطیل باشه یعنی چهار گوشه اش تیز و 90 درجه باشه و کل طول صفحه رو بگیره ولی برای من چهار گوشه اش گرد است. چکار باید بکنم:

html:

<nav class="header navbar navbar-default">
            <div class="navbar-inner">
                <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <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="#">Brand</a>
                </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-left">
                        <li><a href="content/PS/pgs/panel/LoginSana.aspx"><span class="fa fa-group"></span>ورود</a></li>

                    </ul>

                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
            </div>
        </nav>

css:

.nav li a {
    background-color: #fff;
    color: #5200A4 !important;
}

    .nav li a:hover {
        background-color: #5200A4 !important;
        color: #fff !important;
    }

    .nav li a span {
        padding-left: 5px;
    }

    .header .navbar-inner {
    background-color: #fff !important;
}

ممنون

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • چهارشنبه 1 دی 1395
  • 09:51

کلاس زیر را در فایل استایل خودتون override کنید :

.navbar {
  border-radius: 0 !important;
}

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)