Bu kaynakların üstünden geçmiştim bakınırken ama yaşadığım sıkıntıyı tam çözmüyordu atladığım bir şey olabilirmi diye inceleyip tekrar döneceğim, teşekkürler.
https://akman.me/atolye/code/pt_471/index.php
https://akman.me/atolye/code/pt_471/PT.471.zip
// print helper
function _e($s,$d = false ){ echo '<pre>';print_r($s);echo '</pre>';if($d) die(); }
// @data_arr : string array dataya cevir
function data_arr($str = false){
if(!$str) return false;
$str = trim($str);
$str = explode(PHP_EOL,$str);
$arr = [];
foreach ($str as $key => $value) {
$arr[$key] = explode('|',trim($value));
}
return $arr;
};
// @data_set : datayı degeri setler
function data_set($arr, $i, $v=false ){
$arr[$i][0] = $v ? $v : $arr[$i][0]+1;
return $arr;
};
// senin string data
$str ='
1|gs
2|fb
33|ts
4|bjk
67|ist
6|ank
';
// String verini array dataya asagidaki fonksiyon ile al
$strArr = data_arr($str);
_e($strArr);
// Simdi setlemek istedigin index kaydını asagidaki gibi yaz
$setArr = data_set($strArr,2);
// Bir arttırmak yerine kendin deger vermek istersen</b>
$setArr = data_set($strArr,1,'alico');
Bahsettiğin tinymce gibi metin editörü ise o editörün dokumanuna gidecek ve image için style sıfırlayıp css bastıran kural yazacaksın.
Örneğin Tinymce 4.7 versiyonlarında set ayarlarından valid_elements diye bir dizi etiketler yer alırdı. img[class|src] yazardık. Yani img etiketi kabul et ve içinde sadece class ve src kullanımına izin ver. Style ile atanan ilk yüklemedeki değerler de otomatikman siliniyordu diye hatırlıyorum.
Müdahele edemediğin bir alan olup örnekte yazdığın gibi image içindeki style tanımı ile önzüye geliyor ve bunu sormak istediğin gibi css dosyadan ezerek sıfırlayacam diyorsanda kural yazacaksın. Sana tavsiyem bu kuralı yazmak istediğin scop alanını daraltman olur.
.rst-img-u img { width:unset!important; height:unset!important; }
.rst-img-x img { width:100%!important; height:auto!important; }
.rst-img-y img { width:auto!important; height:100%; }
Yani bu methotdların sonu yok. O yüzden en verimli en mantıklı hangisi olur diye sorma bunun cevabı kullanacağın yere ve amaca göre bulunur.
BootStrap'ın bu şekilde x scroll desteği varmı bilemiyorum ama şu şekilde opsiyonel olarak ufak bir geliştirme ile bunu halledebilirsin.
Şöyle modal-dialog dive geliyorsun x-scr adlı class tanımlıyorsun. Yine Modal Body içindekileri x-scr adlı parent div içine alıyorsun. Artık Modal Body içindeki veri x-scr div için max-content kadar width değeri alır.
Modal Body de yatay scroll devreye girer. Eğer max-content kadar değilde senin istediğin genişlik kadar hareket edeceksede modal-dialog gelir style="--xw:600px" gibi belirlediğin sabit değeri yazarsın.
Hepsi bu kadar..
https://codepen.io/alico/pen/OJmbvWo?editors=1100
https://codepen.io/alico/pen/jOmVzmo?editors=1100
Soyut bir eleman olarak çalışacaksanda Fatih arkadaşın yazdığını dikkate almalısın.
Neyin sol tarafı ? Hepsini kapsayan yapının dışında thumbs ları bağımsız olarak ekranın soluna yaslamaktan mı bahsediyorsun ?
Son olarak Flex GAP desteği geliyor sanırsam bir tek safari tam desteklemiyordu. Önümüzde ki zamanlarda Bootstrap da margin: 0 -15 kaldırıp gap geçer ve bu çilede biter.
Cevabı aşağıdan linkten bulabilirsin. Birde bu tür şeylere hemen cevap yazabilmek için aşağıdaki gibi bir ortamda canlandırıp paylaşırsan daha hızlı dönüş alabilirsin.
https://codepen.io/alico/pen/NWpgKjE
Row vermeden deyince başta ne diyorsun diyecektim ama container class etiketini görünce bootstrap da takıldığını anlaşıldı. Özetle olay şu container etiketi sol ve sagdan padding:0 15px degerleri alır. Çünkü root olarak içinde grid için yer alacak olan row etiketleri ters istikamette margin:0 -15px değeri alırlar.
Container'da row etkiketi kullanmadığına göre senin yapman gerekende padding değerlerini sıfırlaman gerekiyorsa padding sıfırlayacak bir class etiketini hazır etmendir.
BootStrap'ın bunun için bir şeyi varmı bilemiyorum. Çünkü ben hep kendi grid sistemimi kullanıyorum. O yüzden örnek linkte gösterdiğim gibi .p0 adlı class etiketi tanımladığımı göreceksin.
Aynısı yada benzeri bir şeyi sisteminde yerleşik kılacak şekilde modellersin.
İyi Çalışmalar