Форумы портала PHP.SU :: Версия для печати :: bootstrap affix при изменении размера, изменить отступ

2. armancho7777777 - 19 Января, 2017 - 00:01:18 - перейти к сообщению

CODE (css):
скопировать код в буфер обмена

@media (max-width: 720px) {
     .elem { top: ... }
}

?

3. 3d_killer - 19 Января, 2017 - 08:21:16 - перейти к сообщению

не помогает affix его держит на уровне

CODE (javascript):
скопировать код в буфер обмена

$("#MoveTop").affix({offset: {top: 100}});

4. armancho7777777 - 19 Января, 2017 - 14:03:15 - перейти к сообщению

Честно говоря, я не пойму что Вам надо.
Где пример?

5. 3d_killer - 19 Января, 2017 - 15:20:01 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

 
<header>
        <div class="container hidden-xs hidden-sm" id="Header">
        <div class="row">
            <div class="col-md-2"><a href="/" title="На главную"><div id="Logo"></div></a></div>
            <div class="col-md-7 col-lg-8" id="TopMenu">
Меню
</div>
            <div class="col-md-3 col-lg-2" id="TopPhone">
               666
            </div>
        </div>
    </div>
    <div class="container-fluid" id="MoveTop">
        <div class="container">
            <div class="row">
                <div class="col-xs-4" id="MoveMenu"></div>
                        <div class="col-xs-4">
                        <form role="form" id="FormSearch" class="form-inline">
                                                <div class="input-group">
                                                                <input type="text" class="form-control">
                                                                <span class="input-group-btn">
                                                                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-search"></span>
                                    </button>
                                                                </span>
                                                        </div>
                                                </form>
                    </div>
                    <div class="col-xs-2">
                        <span class="glyphicon glyphicon-shopping-cart">1</span>
                    </div>
                    <div class="col-xs-2">
                        <span class="glyphicon glyphicon-shopping-cart">1</span>
                    </div>
                </div>
            </div>
        </div>
</header>
 

CODE (javascript):
скопировать код в буфер обмена

 
$(document).ready(function() {  
$("#MoveTop").affix({offset: {top: 100}});
});
 

6. 3d_killer - 19 Января, 2017 - 21:44:27 - перейти к сообщению

а извиняюсь сам накосячил все работает как надо
(Добавление)

CODE (javascript):
скопировать код в буфер обмена

$("#MoveTop").affix({offset: {top: $("#Header").height()}});