Gunasekaran B Ответов: 1

Контейнер загрузочный 3 выпуск жидкости я использую Макс-ширина никакие это правильно

контейнер загрузочный 3 выпуск жидкости я использую Макс-ширина никакие это правильно

Что я уже пробовал:

<style>
body{
    overflow-y:hidden;
}
.red{background-color: red;}
.green{background-color: green;}
.sidenav {
    height: 100%;
    width: 70px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #79b7a6;
    overflow-x: hidden;
    padding-top: 20px;
    text-align: center;
    font-size: 40px;
}
  .sidenav a{
      color: #000;

  }
  /* Page content */
  .main {
    margin-left: 70px; /* Same as the width of the sidenav */
  }

  .form-group{
      margin-bottom: 0;
  }

  .container{max-width: none;}

div#page-header {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #e7e8e8;
}

div#divQueryContainerFooter {
    position: fixed;
    bottom: 0;
    background-color: #a2c1ab;
    width: 100%;
    line-height: 50px;
    margin-left: -30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

div#divQueryBuilderHeader {
    position: fixed;
    width: 95%;
    margin-left: -30px;
    top: 64px;
    line-height: 52px;
}
div#divQueryBuilder {
    max-height: 420px;
    background: #f3ecfb;
    margin-top: 55px;
    overflow: scroll;
    overflow-x: hidden;
}
.page-title {
    font-weight: bold;
    font-size: 25px;
    margin: 0;
    line-height: 30px;
}

.glyphicon {
    cursor: pointer;
}

.title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    color: #428bca;
}<pre lang="text">





























НОВОЕ ОКНО





AFDSFDSFSDFSDFSDFSD
AFDSFDSFSDFSDFSDFSD
AFDSFDSFSDFSDFSDFSD









Заголовок










W3Schools оптимизирован для обучения, тестирования и обучения. Примеры могут быть упрощены, чтобы улучшить чтение и базовое понимание. Учебные пособия, ссылки и примеры





Отправить и сохранить
Отправить И Обновить
Представить
Представить


Представить
Представить
Представить
Представить







Karthik_Mahalingam

можете ли вы разместить его в jsfiddle и поделиться ссылкой, чтобы он легко нашел и исправил вашу проблему

1 Ответов

Рейтинг:
2

Gunasekaran B 

<div class="sidenav">

    <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
    <br />
    <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
    <br />
    <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
    <br />
    <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
    <br />
    <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
    <br />
    <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
</div>
<div class="main">
    <div class="container">
        <div id="page-header" class="row">
            <div class="col-md-3">
                <h4 class="page-title">NEW WINDOW</h4>
            </div>
            <div class="col-md-3 pull-right ">
                <select class="form-control">
                    <option>AFDSFDSFSDFSDFSDFSD</option>
                    <option>AFDSFDSFSDFSDFSDFSD</option>
                    <option>AFDSFDSFSDFSDFSDFSD</option>
                    <option>AFDSFDSFSDFSDFSDFSD</option>
                    <option>AFDSFDSFSDFSDFSDFSD</option>
                </select>
            </div>
        </div>
        <div id="page-content" class="row">
            <div class="col-md-12">
                <div id="divQueryContainer" class="container">
                    <div id="divQueryBuilderHeader" class="row">
                        <div class="col-md-12">
                            <span class="glyphicon glyphicon-minus" data-toggle="collapse" data-target="#divQueryBuilder"></span>
                            <span class="title">Title Header</span>
                            <div class="controls pull-right">
                                <span class="glyphicon glyphicon-arrow-right btn btn-primary"></span>
                                <span class="glyphicon glyphicon-download-alt btn btn-primary"></span>
                                <span class="glyphicon glyphicon-floppy-disk btn btn-primary"></span>
                                <span class="glyphicon glyphicon-print btn btn-primary"></span>
                            </div>
                        </div>
                    </div>
                    <div id="divQueryBuilder" class="row collapse in">
                        <div class="col-md-12">
                            W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly
                        </div>
                    </div>
                    <div id="divQueryContainerFooter" class="row">
                        <div class="col-md-12">
                            <div>
                                <button type="submit" class="btn btn-primary">Submit and Save</button>
                                <button type="submit" class="btn btn-info">Submit And Update</button>
                                <button type="submit" class="btn btn-warning">Submit</button>
                                <button type="submit" class="btn btn-success">Submit</button>
                            </div>
                            <div>
                                <button type="submit" class="btn btn-primary">Submit</button>
                                <button type="submit" class="btn btn-info">Submit</button>
                                <button type="submit" class="btn btn-warning">Submit</button>
                                <button type="submit" class="btn btn-success">Submit</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Richard Deeming

Если вы хотите обновить свой вопрос, Нажмите зеленую ссылку "улучшить вопрос" и отредактируйте свой вопрос.

НЕ опубликуйте свое обновление как "решение"!