Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If I understand your problem correctly you mean to say that the top navbar (as showcased <a href="http://getbootstrap.com/2.3.2/examples/starter-template.html" rel="nofollow">here</a>) hides the first 30 some pixels of the content below.</p> <p>This is a known issue in both Bootstrap and any derivate frameworks. To solve it you'd need to inject a CSS rule <code>body { padding-top: 60px; }</code> between the regular <code>bootstrap.css</code> and the <code>bootstrap-responsive.css</code> (also displayed in the example I linked above). Yiistrap doesn't do this automatically.</p> <p>You could modify the extension or manually load both core and responsive CSS, though.</p> <p>Extending the <code>TbApi</code> class found in <code>bootstrap/components/</code> and overriding the <code>registerAllCss()</code> method to load the fix mentioned above in-between <code>registerCoreCss()</code> and <code>registerResponsiveCss()</code> works.</p> <p>Or instead of using <code>Yii::app()-&gt;bootstrap-&gt;register()</code> to get the CSS and JS injected into your views you could manually call all methods that get called by <code>register()</code> (as defined in <code>TbApi</code> class named above). This would enable you to inject the fix at the right time and place as well.</p> <p><strong>Edit:</strong> About changing the appearance of the navbar contents. You can use <code>class =&gt; '…'</code> as pointed out by Skullcrasher to assign specific classes to particular items in the navbar. Other than that you can add additional rules to your own stylesheet to modify how the navbar looks. Yiistrap (and Bootstrap) only provide 2 choices by default, the white and the black navbar. Anything else has to be defined by you.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload