Еще один быстрый и простой способ полуавтоматизировать эти шаги:
Теперь используйте код, например:
WebClient client = new WebClient();
string myJSON = client.DownloadString("https://URL_FOR_JSON.com/JSON_STUFF");
var myClass = Newtonsoft.Json.JsonConvert.DeserializeObject(myJSON);
Как я уже сказал в комментарии, .col-md-*
работает для vw> = 768, поэтому выглядит правильно для меня. См. здесь .
Вернемся к вашему коду, вам нужно пройти один уровень с классами сетки. Кроме того, чтобы сделать работу .order-*
, вам нужно использовать числа (см. здесь ). Попробуйте изменить свои классы следующим образом:
<section class="col-md-9 col-lg-8 order-md-11 order-lg-1">...</section>
<aside class="col-md-3 col-lg-2 order-md-1 order-lg-11">...</aside>
<aside class="sports-icon-list col-xs-12 col-lg-2 order-md-12 order-lg-12">...</aside>
Проверить обновленные Fiddle