html - Unfixed div overlapping fixed div on bootstrap 3 -



html - Unfixed div overlapping fixed div on bootstrap 3 -

i have layout page divided 2 columns using bootstrap 3 similar this.

<div class="row"> <div class="col-md-4 info"> <!--some markup --> </div> <div class = "col-md-8 tasks-column"> <!--some markup --> </div> </div>

i want div class "info" remain fixed on top left side when scrolling page. when seek bootstrap "affix" class content in "info" gets fixed "tasks-column" moves way left covering it. have tried plain css position:fixed; on "info" not anything. content in info not navigation panel. give thanks guys.

edit: content in info dynamic (it varies depending on user input).

you need offset tasks-column. seek this.

<div class="row"> <div class="col-md-4 info"> <!--some markup --> </div> <div class = "col-md-8 col-md-offset-4 tasks-column"> <!--some markup --> </div>

html css twitter-bootstrap-3

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -