Change navbar color in Twitter Bootstrap 3

Báo cáo
Câu hỏi
206 lượt xem

Vui lòng giải thích tại sao bạn cho rằng câu hỏi này nên được báo cáo?

Báo cáo Hủy

I am a novice when it comes to Bootstrap and css in general. I would like a site with a fixed sidebar, fixed top nav and main content that scrolls.

The navbar is fixed and works ok. The layout of the sidebar and main content is fine too. The problem comes when I set the sidebar to fixed. The main content overlaps the sidebar.

I am using a basic grid layout:

Html Structure

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<section class="row">
<div class="col-sm-3 col-md-2 sidebar">
<ul class="nav nav-sidebar">
<li class="active"><a href="#">Overview</a></li>
<li><a href="#">Reports</a></li>
<li><a href="#">Analytics</a></li>
<li><a href="#">Export</a></li>
</ul>
</div>
<div class="col-sm-9">
<h1 class="page-header">Dashboard</h1>
</div>
</section>

I have tried adding a margin to the left of the main content to push it over but it looks horrible when resized to smaller device.

What is the correct way to achieve a fixed sidebar whilst still maintaining responsiveness?

Để lại bình luận

Duyệt

Thủ đô Việt Nam là gì? ( Hà Nội )

You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>