Question: I have the following header I am trying to code responsively using Twitter Bootstrap: 

[![enter image description here](https://i.stack.imgur.com/3DIeA.jpg)](https://i.stack.imgur.com/3DIeA.jpg)

Now for the purple menu bar I am going to use a navbar. However, for the content above, I am really trying to determine the best approach. I am stuck between using media or pull-left and pull-right. I am really unsure what the best approach for this would be.

Any recommendations as to the proper way of coding this using Bootstraps built in classes would be appreciated. Please note that only the logo would be an image, everything else would use fonts and font icons.

Answer: 
***EDIT***

Use [Volley](https://stackoverflow.com/a/32093822/1921263) if httpclient you can't find.

Moreover parsing script is same which mentioned below.

I already written a [Blog](http://shadowhelios.blogspot.in/2014/10/hot-to-load-json-file-and-display.html). Refer that. Hope it helps. Let me clone my blog to match your requirement. Please use proper naming for that. Here is parsing output. 

```
 public class GridUI extends Activity {
 ArrayList<Persons> personsList;
 GridView gridView;
 GridAdapter gridAdapter;
private static final String   url="http://www.zippytrailers.com/funlearn/topicsMap";
   @Override
   protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.gridview);
    personsList= new ArrayList<Persons>();
 new JSONAsyncTask().execute(url);
 gridView=(GridView)findViewById(R.id.gridview);
 gridAdapter = new GridAdapter(this, R.layout.gridview_row, personsList);
 gridView.setAdapter(gridAdapter);

 }
 class JSONAsyncTask extends AsyncTask<String, Void, Boolean> {
 ProgressDialog dialog;
 @Override
  protected void onPreExecute() {
  // TODO Auto-generated method stub
  super.onPreExecute();
  dialog=new ProgressDialog(GridUI.this);
  dialog.setMessage("Loading, please wait");
  dialog.setTitle("Connecting server");
  dialog.show();
  dialog.setCancelable(false);

  }

   @Override
  protected Boolean doInBackground(String... urls) {
      try {

//------------------>>
HttpGet httppost = new HttpGet(urls[0]);
HttpClient httpclient = new DefaultHttpClient();
HttpResponse response = httpclient.execute(httppost);

// StatusLine stat = response.getStatusLine();
int status = response.getStatusLine().getStatusCode();

 if(status==200){
 HttpEntity entity = response.getEntity();
 String data = EntityUtils.toString(entity);
  JSONObject jsono=new JSONObject(data);
  JSONArray jarray = jsono.getJSONArray("results");
  for (int i = 0; i < jarray.length(); i++) {
   JSONObject object = jarray.getJSONObject(i);

   Persons name = new Persons();

   name.setName(object.getString("syllabus"));
   name.setDescription(object.getString("grade"));
   name.setDob(object.getString("subject"));
   name.setCountry(object.getString("topic"));
   name.setHeight(object.getString("id"));

   personsList.add(name);
  }
  return true;
 }

} catch (ParseException e1) {
 e1.printStackTrace();
} catch (IOException e) {
 e.printStackTrace();
} catch (JSONException e) {
 e.printStackTrace();
}
return false;

```

}

```
   @Override
  protected void onPostExecute(Boolean result) {
  super.onPostExecute(result);
  dialog.cancel();
  gridAdapter.notifyDataSetChanged();
  if(result == false)
Toast.makeText(getApplicationContext(), "Unable to fetch data from   server", Toast.LENGTH_LONG).show();
 }

}

```
Like this:

```
String myURL = "https://www.myurl.com/file.json";
String jsonResponse = null;
try {
    jsonResponse = (String) new RetrieveJSONTask(myURL).execute().get();
} catch (ExecutionException | InterruptedException e) {
    // Do something
}

```

If you need to get an object you can do:

```
JSONObject jsonObject = null;
try {
    jsonObject = new JSONObject(jsonResponse);

    // Here you get an specific tag named "title" from the first object of an array named "itens"
    String title = jsonObject.getJSONArray("items").getJSONObject(0).getString("title");

} catch(JSONException e) {
     // Do something
}

```