Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to properly add a navbar at the top of the page using codeIgniter-bootstrap?
    primarykey
    data
    text
    <p>I'm using codeIgniter-bootstrap as my framework. </p> <p>I keep getting a disoriented frontpage and my navbar isn't even coming out right. My navbar keeps going over my "hero unit". I'm using this as a sort of learning process to get familiar with the MVC concept. I'm not sure what is causing this disorientation. </p> <p>Here's what my front page markup code looks like:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html" charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta name="description" content=""&gt; &lt;meta name="keywords" content=""&gt; &lt;meta name="author" content=""&gt; &lt;title&gt;CodeIgniter Bootstrap&lt;/title&gt; &lt;link href="&lt;?php echo base_url('assets/css/bootstrap.min.css') ?&gt;" rel="stylesheet"&gt; &lt;link href="&lt;?php echo base_url('assets/css/font-awesome.css') ?&gt;" rel="stylesheet"&gt; &lt;link href="&lt;?php echo base_url('assets/css/custom.css') ?&gt;" rel="stylesheet"&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/1.3.1/lodash.min.js"&gt;&lt;/script&gt; &lt;script src="&lt;?php echo base_url('assets/js/bootstrap.min.js') ?&gt;"&gt;&lt;/script&gt; &lt;script src="&lt;?php echo base_url('assets/js/custom.js') ?&gt;"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;div class="navbar navbar-fixed-top"&gt; &lt;div class="navbar"&gt; &lt;div class="navbar-inner"&gt; &lt;a class="brand" href="#"&gt;Title&lt;/a&gt; &lt;ul class="nav"&gt; &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="container"&gt; &lt;div class="hero-unit"&gt; &lt;h2&gt;CodeIgniter Bootstrap&lt;/h2&gt; &lt;p&gt;CodeIgniter Bootstrap kick starts the development process of the web development process by including Twitter Bootstrap into CodeIgniter. It also includes certain libraries such as AWS and Facebook in-case you are developing applications requiring those SDKs. So stop writing the same code over again and start working on your idea.&lt;/p&gt; &lt;a class="btn btn-primary btn-large" href="https://github.com/sjlu/CodeIgniter-Bootstrap"&gt;View on Github&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    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