article name not displaying on the right side [solved]

{% extends 'base.html' %} <!-- extending base.html --> {% block content %} <!--using a dynamic data--> <div class="page-header"> <h1>{{ title }} </h1> <!--Displaying a header --> </div> <div class="row"> <!--using bootstrap for row and column--> <!--There are altogether 12 columns__We can divide the layout amongs these 12 columns--> <div class="col-mid-9"> <!--First column___column of medium size-9 --> <div class="tab-content"> <!--First column--> <p>Main Content Here</p> </div> </div> <div class="col-mid-3"> <!--Second column of size 3--> <ul class="nav nav-pills nav-stacked"> <li> <a data-toggle="pill" href="#">article name</a> </li> </ul> </div> </div> {% endblock %} <!--closing the block content-->
The above code displays title 'article name' below 'Main Content Here' which I don't want. How can I display on the right side exactly straight to the title 'Main Content Here'?

1 Response

The above issue is already solved. The problem was in line 11 and 17. I had written mid instead of md. This was the error.

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.