边栏Wordpress与Bootstrap

Question

当在响应式网站中，侧边栏移动到页面的页脚，但背景颜色不能修复它的大小，作为打印屏幕。

http://i61.tinypic.com/v8hhkj.gif

我能在这做什么？

网站：http://bloganacastro.com

Answer 1

您为侧边栏设置了宽度：30％，这使背景缩小。 让浏览器计算宽度。

@media (max-width:  768px) {
 .sidebar.col-md-4 {
   width: auto;
 }
}

Answer 2

您已为侧边栏设置宽度：100％，以便在响应中正确显示..

        @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);

                FadingActionBarHelper helper = new FadingActionBarHelper()
                        .actionBarBackground(R.color.actionbar_background)
                        .headerLayout(R.layout.actionbar_header)
                        .contentLayout(R.layout.content_layout);
                final View root = helper.createView(this);
                setContentView(root);
                helper.initActionBar(this);
 mTabHost = (MaterialTabHost) view.findViewById(R.id.materialTabHost);
        //.......
        }
     @Override
        public void onTabSelected(MaterialTab materialTab) {
            int position = materialTab.getPosition();
            switch (position) {
                case 0:
                    switchFragment(new ProfileFragment(), position);
                    break;
                case 1:
                    switchFragment(new NotificationFragment(), position);
                    break;
            }
            mTabHost.setSelectedNavigationItem(position);
        }